javascript - 在 angularjs 中使用 'dot' 有什么区别？

Question

下面是两段代码:

<input type="text" ng-model="data.message">
<div>Hello, {{data.message}}</div>

<div ng-controller="firstCtrl">
    <input type="text" ng-model="data.message">
    <div>Hello, {{data.message}}</div>
</div>

<div ng-controller="secondCtrl">
    <input type="text" ng-model="data.message">
    <div>Hello, {{data.message}}</div>
</div>

和

<input type="text" ng-model="msg">
<div>Hello, {{msg}}</div>

<div ng-controller="firstCtrl">
    <input type="text" ng-model="msg">
    <div>Hello, {{msg}}</div>
</div>

<div ng-controller="secondCtrl">
    <input type="text" ng-model="msg">
    <div>Hello, {{msg}}</div>
</div>

ng-controller 在这里创建了新的作用域，因此 firstCtrl 和 secondCtrl 作用域在这两种情况下都继承自根作用域。因此，理想情况下，当子级的属性被覆盖时，shadows 从父级继承的值和父级的值保持不变。 那为什么这两个代码段的工作方式不同呢？

此外，为什么在第一个片段中，更改 firstCtrl 中的值也会更改根范围中的值？

请联系:http://plnkr.co/edit/x4LH4JAOMr9I8bCcSO8Y?p=preview

Answer 1

点用于同步 Controller ，因此更新一个模型中的属性将导致其他 Controller 中的属性也被更新。

在您的第二个代码段中，您正在覆盖范围。

请参阅this很好地解释了它的视频。