angularjs - Angular 可重用函数

Question

我有几个指令需要在完成任务后调用相同的函数。该函数需要访问主 Controller 作用域，同时还需要修改 DOM。该函数应该如何以及在哪里声明？

Answer 1

您应该使用服务，服务可以访问 $rootScope，尽管最好将 DOM 修改保留在指令级别，但在某些情况下您可以这样做。

angular.module("myModule", [])
.factory("MyService", function ($rootScope) {
    return {
        myFunction: function () { // do stuff here }
    }
})
.directive("MyDirective", function (MyService) {
    return {
        link: function (scope, iElement, iAttrs) {
            // try do keep dom modification here, you have access to MyService,
            // let it do the algorithm and try to keep dom modification here.
            // PS: you can also inject $rootScope to directives.
        };
    };
});