javascript – 一个指令在angularjs中可以有不同的名称吗？

我有两个具有相同功能的指令,如下所示.

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);

原文地址：https://www.jb51.cc/js/150017.html