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为 aservice并将inject其重构为所有directives.