以編程方式更改輸入時，角度模型不會更新

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偵聽「在放」事件，所以你需要設定值後觸發事件：

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