[英]Alternative for ngInit inside custom directive
假设我有一个简单的指令:
angular.module('app').directive('myDir', myDir);
function myDir() {
var directive = {
bindToController: true,
controller: null,
controllerAs: 'vm',
template: '<button ng-click="vm.myDirVar = 1">',
scope: {
myDirVar: '='
}
};
return directive;
}
如果在以下示例中vm.var
是undefined
,则我的指令不会将其绑定到隔离的作用域。
<my-dir my-dir-var="vm.var"></my-dir>
因此,为了使其正常工作,我使用ng-init
设置vm.var
的默认值,然后将其绑定到隔离的范围。
<my-dir my-dir-var="vm.var" ng-init="vm.var = var || 0"></my-dir>
问题是,如何改进我的指令,这样我就可以摆脱ng-init
而vm.var
仍然是绑定的,即使最初undefined
。
您可以执行以下操作:
var directive = {
bindToController: true,
controller: function(){
this.myDirVar = this.myDirVar || 0;
},
controllerAs: 'vm',
template: '<button ng-click="vm.myDirVar = 1">',
scope: {
myDirVar: '='
}
};
如果有控制器则不是问题。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.