子范围与隔离范围中的行为 bindToController

Question

我在玩 bindToController 指令选项。我偶然发现了使用子作用域与隔离作用域的行为之间看似奇怪的区别。当我使用隔离作用域时，会为指令创建一个新作用域，但对绑定控制器属性的更改会转发到父作用域。然而，当我改用子范围时，我的例子就中断了。 （根据http://blog.thoughtram.io/angularjs/2015/01/02/exploring-angular-1.3-bindToController.html#improvements-in-14 应该允许使用bindToController 使用子作用域）

代码：

{
    restrict: 'E',
    scope: {},
    controller: 'FooDirCtrl',
    controllerAs: 'vm',
    bindToController: {
        name: '='
    },
    template: '<div><input ng-model="vm.name"></div>'
};

工作演示https://jsfiddle.net/tthtznn2/

使用子作用域的版本：

{
    restrict: 'E',
    scope: true,
    controller: 'FooDirCtrl',
    controllerAs: 'vm',
    bindToController: {
        name: '='
    },
    template: '<div><input ng-model="vm.name"></div>'
};

演示：http://jsfiddle.net/ydLd1e00/

对名称的更改将转发到子范围，但不会转发到父范围。这与绑定到隔离范围相反。这是为什么呢？

Answer 1

这是因为您为两个控制器使用了相同的别名（与 cmets 中提到的对象与字符串值无关）。

您可能知道，controller as alias 语法只是在作用域上创建一个alias 属性并将其设置为控制器实例。由于您在两种情况下都使用vm 作为别名（MainCtrl 和FooDirCtrl），所以在 normal 子范围的情况下，您正在“隐藏”MainCtrl 别名。 （在这种情况下，“正常”意味着“原型继承自父范围”。） 因此，当您尝试在新范围上评估 vm.name（vm 为 MainCtrl）以获得“父值”时，它实际上是在评估 FooDirCtrl.name（未定义），当您正在尝试分配回父范围。

isolate 范围版本不受影响，因为该范围没有从其父范围继承。

Updated fiddle

---

更新： 仔细查看源代码，这可能是一个错误（因为“追溯”添加了对非隔离范围的bindToController 的支持）。 由于原型继承，我们似乎已经摆脱了这个错误，但是当名称发生冲突时，我们就不走运了。

我必须仔细看看它是否确实是一个错误以及它是否“可修复”，但现在你可以通过为你的控制器使用不同的别名来解决它（参见上面的小提琴）。

---

这（部分）是为什么我不喜欢使用 vm 作为我的控制器别名（尽管流行的风格指南建议使用它）:)

让我们在angular.js#13021 中跟踪它。