Javascript 如何在angularJS中重构指令代码

我来自

.Net

世界，所以我可能在

angularjs

中的

javascript

世界中遗漏了一些明显的东西。我写了几个指令，它们都有相同的代码，我需要设置相同的属性

是否可以创建一个函数并在angular的链接函数中使用该函数

---

当然，这并不难用javascript实现

下面是一些这样做的示例代码

(function(){
    function commonCode(){
        //common code goes here.
    }

    var app = angular.module("app");

    app.directive("first",function(){
        return function(scope,element,attrs){
            commonCode();
        }
    });


    app.directive("second",function(){
        return function(scope,element,attrs){
            commonCode();
        }
    });

    app.directive("third",function(){
        return function(scope,element,attrs){
            commonCode();
        }
    });

})();

使用Angularjs更容易做到这一点

---

如果此通用代码非常通用，那么您可以将此

commonCode

重构为

服务

，并

将其注入所有
指令
当然，使用javascript并不难做到这一点

下面是一些这样做的示例代码

(function(){
    function commonCode(){
        //common code goes here.
    }

    var app = angular.module("app");

    app.directive("first",function(){
        return function(scope,element,attrs){
            commonCode();
        }
    });


    app.directive("second",function(){
        return function(scope,element,attrs){
            commonCode();
        }
    });

    app.directive("third",function(){
        return function(scope,element,attrs){
            commonCode();
        }
    });

})();

使用Angularjs更容易做到这一点

如果此通用代码非常通用，那么您可以将此
commonCode
重构为
服务
，并
将其注入所有
指令