模型更改时未更新角度视图(DOM元素)

时间:2013-04-02 23:40:36

标签: javascript angularjs angularjs-scope

在最新稳定的Chrome中运行最新的稳定版Angular。我在ng控制器A的视图中点击了一个DOM元素,但DOM元素本身有一个ng-controller设置为另一个控制器,B.ng-click在控制器B内点击但是,不会反映对DOM元素由其ng-model属性绑定的范围属性的更改。

具体来说,我有一个textarea,以及其他HTML5输入类型。没有错误,当我打破调试器时,我可以查看范围变量,看看$ scope实际上是指向控制器B.

这里的Plnkr示例,请注意它是如何仅更新同一DIV中的输入的?:http://plnkr.co/edit/DmccNj?p=preview

1 个答案:

答案 0 :(得分:6)

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

如果你必须这样做,你最好创建一个有角度的服务,因为他们是单身。

以下是我的问题:Splitting HTML components for one controller causes controller to stop working

此外,Angular Batarang是AngularJS团队非常酷的Chrome扩展程序,用于调试Angular应用程序。我之所以提到这一点,是因为如果你(或我)使用了这个,我们会立即看到出了什么问题。

相关问题