Установка значения для поля ввода с помощью jquery не является установкой для модели поля ввода

Question

<input type=text ng-model="name" id="nameId"/>

Теперь, если я установлю

$('#nameId').val('angular');

Это установка значения, отображаемого на экране.

Но это значение не установлено для модели.То есть $ scope.name пусто. Я ожидаю, что $scope.name также будет «угловым»

Answer 1

Когда вы изменяете это значение за пределами мира Angular $scope.$apply, вам нужно указать angular, чтобы переоценить привязки.Так внутри вашего контроллера,

$scope.$apply(() => {
  $('#nameId').val('angular');
});