1. ホーム
  2. javascript

[解決済み] AngularJS : ng-modelのバインディングがjQueryで変更されたときに更新されない。

2022-11-24 07:37:19

質問

これは私のHTMLです。

<input id="selectedDueDate" type="text" ng-model="selectedDate" />

ボックスに入力すると、2ウェイバインディングの仕組みでモデルが更新されます。素敵ですね。

しかし をJQueryで実行すると...。

$('#selectedDueDate').val(dateText);

モデルが更新されません。なぜでしょうか?

どのように解決するのですか?

Angularはその変更について知りません。このために、あなたは $scope.$digest() の中で変更するか $scope.$apply() :

$scope.$apply(function() { 
   // every changes goes here
   $('#selectedDueDate').val(dateText); 
});

参照 この をご覧ください。 ダーティチェック

アップデイト : ここで は例です。