当模型改变时，Angular视图(DOM元素)没有更新

Angular view (DOM elements) not being updated when model changes

本文关键字：元素 DOM 更新视图改变模型 Angular 更新时间：2023-09-26

在最新稳定版Chrome上运行最新稳定版的Angular。我有一个ng-click在一个视图内的DOM元素与ng控制器a，但DOM元素本身有一个ng-controller设置为另一个控制器，B. ng-click在控制器B内触发，但是改变范围属性，DOM元素绑定到它的ng-model属性，不反映。

具体来说，我有一个文本区，以及其他HTML5输入类型。没有错误，当我在调试器中中断时，我可以查看scope变量并看到$scope实际上指向控制器b。

Plnkr的例子，注意它如何只更新输入，在同一个DIV?: http://plnkr.co/edit/DmccNj?p=preview

我最近也遇到了同样的问题。显然，当您使用相同的ng-controller创建两个HTML片段时，它会创建控制器的两个独立实例。因此，点击"EDIT"按钮将$scope.comment设置在实例1中，但输入字段绑定到控制器的实例2。

如果你必须这样做，你最好创建一个angular服务，因为它们都是单例的。

这是我的问题:为一个控制器拆分HTML组件会导致控制器停止工作

另外，Angular Batarang是AngularJS团队开发的一个非常酷的Chrome扩展，用于调试Angular应用程序。我之所以提到这一点，是因为如果你(或我)使用了它，我们就会立即发现哪里出了问题。