Угловая модель не обновляется при изменении ввода программно

Question

У меня есть текстовый ввод, связанный с модельным значением, но я не могу понять, как программно изменить входное значение и распространить его на модель.

Я понимаю это потому, что обновляю значение, внешнее по отношению к угловому пространству, которое мне нужно явно вызвать $scope.$apply(), но оно не работает.

HTML:

<input id="test_input" ng-model="test_value"> 

Контроллер:

$scope.test_value = 'abc'; // starting value 

консоли:

$('#test_input').val('xyz'); 
$('#test_input').scope().$apply(); 
$('#test_input').scope().test_value; 
-> 'abc'; 

Answer 1

ngModel прослушивает «inpu t ", поэтому вам нужно запустить это событие после установки значения:

$('#test_input').val('xyz'); 
$('#test_input').trigger('input'); 
$('#test_input').scope().test_value;