AngularJsにおけるngModelバインドHTML 5 dateデータ同期の問題
746 ワード
次のコード例では、dateタイプのinputラベルをng-modelに対応する変数に直接バインドすると、メモリデータとページデータが一致しないという問題が発生します.AngularJSは双方向データバインディングであるが、次の方法で、ページがdateの内容を更新するときにメモリの$scope.testDateは変わりません.メモリに$scopeを更新します.testDate、ページの日付も変わりません.
なぜなら、AngularJsのngModelは値バインドではなく参照バインドであるため、ngModelに対応する参照オブジェクトが変化していないが、参照オブジェクトの値が変化した場合、Angularは変化を検出できないため、双方向更新はしないことを意味する.
対応する修正方法は、日付を変数の属性としてdateタイプのinputラベルにバインドし、以下のようにします.
転載先:https://www.cnblogs.com/developerERA/p/7018160.html
なぜなら、AngularJsのngModelは値バインドではなく参照バインドであるため、ngModelに対応する参照オブジェクトが変化していないが、参照オブジェクトの値が変化した場合、Angularは変化を検出できないため、双方向更新はしないことを意味する.
対応する修正方法は、日付を変数の属性としてdateタイプのinputラベルにバインドし、以下のようにします.
$scope.testDate = {
value: new Date();
}
転載先:https://www.cnblogs.com/developerERA/p/7018160.html