手动AngularJS更新输入不会触发模型更改
当我从纯JavaScript更改输入元素的值时，则不会更新角度模型。有什么方法可以通过在更改后手动触发一些事件来触发更新吗？
<body ng-controller="MainCtrl">
<script>
function changeValue() {
var e = document.getElementById("field");
e.value = "updated value";
}
</script>
field: <input type="text" id="field" ng-model="field">{{field}}
<br>
<button onclick="changeValue()">Change the value</button>
</body>
完整的示例可以在plunkr上找到。单击按钮后，我希望会{{field}}以某种方式更新。有办法吗？
问题答案：
您不应该这样做（除非用于 测试 ，但即使如此，也请考虑量角器）。以这种方式与angular交互是一个坏主意。但是，如果必须，这是您的操作方法。
function changeValue() {
var e = document.getElementById("field");
e.value = "updated value";
var $e = angular.element(e);
$e.triggerHandler('input');
}
一种不同的中间方式是
function changeValue() {
var e = document.getElementById("field");
var scope = angular.element(e).scope();
scope.field = "updated value";
scope.$digest();
}
plnkr
正确的方法是使用角度控制器
$scope.changeValue = function(){
$scope.field = "updated value";
};
plnkr
-
问题内容： 我目前正在使用基于Web的Twitter客户端，因此我使用了angular.js，node.js和socket.io。我通过socket.io将新的推文推到我的客户端，服务在其中等待新的推文。当一条新的推文到来时，该服务通过$ broadcast发送事件。 在我的控制器中是一个事件侦听器，其中传入的tweet在单独的函数中进行处理。此功能只是将新的推文推入我的推文范围。 现在，我的问题
-
问题内容： 我用来加载图像。值是从一些范围变量加载的，如下所示： 我的问题是，当我运行时，它会使属性为空，但不会在属性中反映出来。因此，我不断看到需要空占位符的图像。 我该如何处理？ 问题答案： 这是ngSrc和ngHref指令的预期行为。这些指令仅支持识别新路径，但是当路径不可用时，这些指令将以静默方式退出（我在这里看到一个拉取请求。）。 因此，当图像变量不再可用时，可能的解决方法是将ngSho
-
问题内容： 我已经阅读了有关此问题的主题，例如：[\AngularJS中未更新视图，\但我仍然不明白如何在我的简单示例中应用它。 我有这个功能： 当代码中的其他地方更新时（用户单击，交互，发送XHR请求时），它不会更新我的视图。我知道我需要使用$apply做些事情，但我不知道在哪里以及如何做。 有人可以向我解释如何针对这个简单用例解决此问题吗？ 我的模型看起来像这样（如果这个问题是必要的）-它里面
-
问题内容： Whenver我有一个角表达式作为值的，它不会工作： 数字值将转换为字符串，并且复选框根本无法使用。 http://jsfiddle.net/punund/NRRj7/3/ 问题答案： 您不能动态更改输入的类型，因为IE不允许这样做，并且AngularJS需要跨浏览器兼容。因此，即使您可能会看到更改后的类型显示在源代码中，AngularJS也不会接受它- 类型仅被评估一次，并且无法更改
-
问题内容： 我用来渲染一个。我的控制器看起来像这样： 如您所见，我正在定期更新阵列。但是，我的观点是这样构造的： 问题是，当我更新时，它不会用新数据重新渲染我的表。 我将如何解决这个问题？ 问题答案： 您是否将更新包入 ？这应该可以解决问题。
-
我现在迷路了。