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

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...