我有两个具有相同功能的指令,如下所示.
- 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);
