jquery - 使用 jQuery 值更新 Angular 模型

Question

您好，我有一个附加在我的模型上的输入字段，当用户手动输入时，会在更改时调用一个函数 - 这工作正常，并且模型按预期反射(reflect)在控制台日志中。

<input type="text" class="rating" ng-model="review.Rating" ng-change="change()" />

我现在遇到的问题是，我有第二个 jQuery 函数，用户可以在页面上调用该函数，该函数会自动填充输入字段，但这似乎不会触发模型的更新，只有视觉效果输入字段的值。

因此，我在第二个 jQuery 中添加了以下调用来触发更新(根据我的研究，这应该是正确的)

$(".rating").trigger('input');

这似乎在 Firefox 和 Chrome 中工作得很好，因为我让它在控制台日志中反射(reflect)了模型，但是在 IE 中(我有 11 - 不确定较旧的浏览器)，触发器输入似乎无法更新模型。

希望能帮到你。

Answer 1

更新的答案:

我认为它不起作用，因为 Angular 可能没有意识到这个变化。尝试在更新模型后调用 $scope.$digest() 或在 $scope.$apply(function() { $.....}); 中添加函数<小时/>

您可以在 Controller 中添加一个函数来将值分配给 ng-model，而不是使用 jQuery。

例如

<input type="text" ng-model="data.input" />
<button ng-click="autoFill()">Click me</button>

在你的 Controller 中

$scope.autoFill = function() {
    $scope.data.input = "Hello World!";
};