각도 재사용 가능 함수

Question

필자는 같은 기능을 수행 한 후에 동일한 함수를 호출해야하는 몇 가지 지시문이 있습니다. 이 함수는 주 컨트롤러 범위에 액세스해야하지만 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. 
     }; 
    }; 
}); 

Answer 2

, 나는 지시에 액세스 할 수있는 범위를 사용하는 것이 그래서 같이 PARAM로 전달 :

var MyDirective = function() { 
    var linkFn = function(scope, element, attrs) { 
     callAwesomeFn(scope); 
    }; 

    return { 
     link: linkFn 
    } 
}; 

지금, 어디에 넣어?

• 이 유틸리티 함수 인 경우이 각도에 의해 관리되는 다른 객체와 상호 작용하는 데 필요한 구성 요소 인 경우, 나는 MyFunctions.callAwesomeFn()
• 같은 일부 유틸리티 네임 스페이스에 둘 것 - 의존성 주입을 사용하고 지시
에 주입이