javascript - 如何在 angularJS 中重构指令代码

Question

我来自.Net世界，所以我可能会错过javascript世界中angularjs中明显的东西。我正在编写一些指令，它们都有相同类型的代码，我需要在其中设置相同的属性。

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

谢谢

Answer 1

当然，这对于 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重构为服务并将其注入(inject)到您的所有中>指令。