使用jquery将值设置为输入字段不是设置为输入字段的模型

Question

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

现在如果我设置

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

这是通过在屏幕上显示来设置视图中的值。

但是此值未设置为模型。 那是$ scope.name是空的 我期待$scope.name也是“有角度的”

Answer 1

当您在Angular world $scope.$apply之外更改该值时，您需要告诉angular重新评估绑定。所以在你的控制器里面，

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