您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

为什么AngularJS文档在model指令中不使用点?

为什么AngularJS文档在model指令中不使用点?

在处理范围继承的复杂性时,这个小点非常重要。

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>

在JSFiddle上玩

首先,如果您启动了该应用程序,并输入了父项输入,则子项将更新以反映出来。

但是,如果您编辑子范围,则到父范围的连接现在断开,并且两者不再同步。另一方面,如果使用ng-model="baz.bar",则链接将保留。

发生这种情况的原因是,子作用域使用原型继承来查找值,因此,只要从未在子作用域上设置该值,它就将遵循父作用域。但是,一旦设置,它将不再查找父级。

baz相反,当使用对象()时,子作用域上不会设置任何内容,并且继承保持不变。

其他 2022/1/1 18:15:22 有600人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶