具有以下指令
function directive() {
return {
template: '{{foo.name}}',controller: ctrl,controllerAs: 'foo'
}
}
function ctrl($attrs) {
this.name = $attrs.name;
}
这在一个模板中：
<directive name="1" /> <directive name="2" />
为什么我看到以下输出：
2 2
代替
1 2
？
选项controllerAs：’foo’执行以下操作：
原文链接：https://www.f2er.com/angularjs/140400.html$scope.foo = new ctrl()
您的指令未指定范围,这意味着您的指令使用其父级($parentScope)的范围.在您的情况下,两个指令实例使用相同的父范围.所以这两个指令：
<directive name="1" /> <directive name="2" />
工作喜欢：
>< directive name =“1”/> ;: $parentScope.foo = new ctrl().在控制器内：$parentScope.foo.name = 1.
>< directive name =“2”/> ;: $parentScope.foo = new ctrl(). (步骤1中的实例被覆盖).在控制器内：$parentScope.foo.name = 2.
所以最后两个指令是指在第二个控制器实例上定义的相同名称.
解决方案：使用隔离范围为@Michelem mentions.
