我有两个具有相同功能的指令,如下所示.
angular.module('ui.directives',[])
.directive('uiFoo',function() {
return {
restrict: 'EAC',link: function($scope,element,attrs) {
//to do functionality
element.append("test content");
}
};
})
.directive('uiFoo1',attrs) {
//to do functionality
element.append("test content");
}
};
});
它们都包含相同的工作方式,它将“测试内容”作为文本附加到该元素.
是否有可能改为制定这两个指令.我可以为一个指令写两个名称/我可以使用优化代码使用相同的功能.
在这里,我正在编写相同的代码,没有任何意义.
而不是写指令两次,有没有任何优化方式.
我是AngularJS的新人,请帮助我.
提前致谢！
解决方法
最简单的方法是将指令提取到JS对象中并使用它.
或者,如果要保留角度上下文,可以使用角度提供程序提供指令对象.
但是,为什么你想要首先拥有两个具有完全相同功能的指令？
指令可以随意使用,所以这对我来说似乎是一个设计缺陷.
var myDirective = [function(){
restrict: 'EAC',attrs) {
//to do functionality
element.append("test content");
}
}];
angular.module('ui.directives',[])
.directive('uiFoo',myDirective)
.directive('uiFoo1',myDirective);