我正在创建两个使用相同控制器的指令,因此我看到两个指令在控制器之间共享数据。我想要的是数据 UNIQUE per directive ,因此不应共享数据。
var app = angular.module("app",[]);
app.controller('myCtrl', function($scope){
$scope.data = {
name: 'Javier'
};
});
app.directive('dir1', function(){
return {
template: "<div style='background:red'><input type='text' ng-model='data.name'>{{data.name}}</div>",
controller: "myCtrl"
};
});
app.directive('dir2', function(){
return {
template: "<div style='background:yellow'><input type='text' ng-model='data.name'>{{data.name}}</div>",
controller: "myCtrl"
};
});
https://jsbin.com/vetikuvada/1/edit?html,js,output
因此,在我的示例中,我想要的是当我在其中一个文本框中编辑文本时,它不会触发其他文本框中的更改。我知道控制器部署了不同的实例,但不知怎的,它们共享范围,我需要完全不同。这可能吗?
该示例是一个非常复杂的应用程序的一小部分,所以我必须能够使用这种方法而不是其他方法。
答案 0 :(得分:6)
app.directive('dir1', function(){
return {
/* defines an isolated scope where state is
not shared between other scopes */
scope: {},
template: "<div style='background:red'><input type='text' ng-model='data.name'>{{data.name}}</div>",
controller: "myCtrl"
};
});
有关定义如何为指令初始化范围的更多信息,请查看this post。
答案 1 :(得分:0)
正如您在文档中提到的那样,它们都共享相同的范围对象,无论它们是不同的实例,还是ng-modal指向同一个对象。这是双向绑定的角度的默认性质。
每当scope对象中的属性更新时。引用的ng-modal已更新