在处理范围继承的复杂性时,这个小点非常重要。
该egghead.io视频“点”有一个很好的概述,做到这一点非常流行的堆栈溢出的问题:[什么是范围原型/原型继承中AngularJS的细微差别?
我会在这里尝试总结一下:
Angular.js使用范围继承来允许子范围(例如子控制器)查看父范围的属性。因此,假设您的设置如下:
<div ng-controller="ParentCtrl">
<input type="text" ng-model="foo"/>
<div ng-controller="ChildCtrl">
<input type="text" ng-model="foo"/>
</div>
</div>
首先,如果您启动了该应用程序,并输入了父项输入,则子项将更新以反映出来。
但是,如果您编辑子范围,则到父范围的连接现在断开,并且两者不再同步。另一方面,如果使用ng-model="baz.bar"
,则链接将保留。
发生这种情况的原因是,子作用域使用原型继承来查找值,因此,只要从未在子作用域上设置该值,它就将遵循父作用域。但是,一旦设置,它将不再查找父级。
baz
相反,当使用对象()时,子作用域上不会设置任何内容,并且继承保持不变。