AngularJS:修改 ng-include 中的父范围

Question

我发现这个线程中OP的 original fiddle其中 ng-included 作用域不会修改其父作用域。

其中一个回复表明:

It is ugly and unpredictable, so i recommend you to wrap your data in an object variable: http://jsfiddle.net/e5rfP/3/

这似乎有效。这是为什么？

Answer 1

对象变量的工作原理是 JavaScript 原型(prototype)继承的工作方式。 ngInclude 创建自己的子作用域。该子作用域通常继承自父作用域。

在 JavaScript 中，当我们在子作用域中编写类似 $scope.x = 22 的内容时，这会在子 $scope 上创建一个 x 属性，并为其分配值 22——这里不引用原型(prototype)链，因此父 $scope 看不到发生了什么。

当我们在子作用域上编写类似 $scope.someObj.prop1 = 22 的内容时，如果 JavaScript 在子 $scope 上找不到 someObj 对象，它查阅原型(prototype)链，链中的下一个 $scope 是父 $scope。如果父 $scope 上存在 someObj，则父 $scope 会被修改。

正如我在评论中提到的，以下问题和答案更详细地解释了这一切(带有大量图片):What are the nuances of scope prototypal / prototypical inheritance in AngularJS?