0
我要嵌套两个指令和inner directive
具有绑定到需要从内部和外部作用域一个范围属性,并返回一个布尔ngClass结合不经由指令通信更新
的功能的ng-class
这是HTML:
<ul my-toolbar disabled-when="myCtrl.isProcessing" >
<li my-action-button action="myCtrl.action()" disable-when="myCtrl.isSad()" />
</ul>
这是我的外部指令:
myApp.directive("myToolbar", function() {
return {
restrict: 'A',
scope: {
disabled: '=disabledWhen'
},
transclude: true,
controller: function($scope) {
this.isDisabled = function() {
return $scope.disabled;
}
}
};
});
这是我内心的指令:
myApp.directive("myActionButton", function() {
return {
restrict: 'A',
scope: {
action: '&',
disabled: '=disabledWhen'
},
replace: true,
template: "<li ng-class='{disabled: isDisabled()}'><a ng-click='isDisabled() || action()' /></li>",
link: function(scope, elem, attrs, toolbarCtrl) {
scope.isDisabled = function() {
return toolbarCtrl.isDisabled() || scope.disabled;
};
}
};
});
现在的问题是,ng-class='{disabled: isDisabled()}'
绑定在一开始被初始化一次,但没有更新时myCtrl.isProcessing
变化!
有人可以解释为什么吗?以及如何在不改变设计的情况下修复此问题?
“'ng-class ='{disabled:isDisabled()}'绑定在开始时被初始化一次” - 什么使得您认为这甚至发生? –
我建议把你的代码放入jsfiddle或plunker中。它将帮助你和我们找出发生了什么问题。 –