각도 UI 라우터에서 $ state.go에 대한 종속성 해결

Question

$state.go을 사용하여 상태로 이동하는 제공자 구성이 있습니다. 나는 그것이 작동하는 함수를 매개 변수로 $state를 사용하지만 기능 매개 변수를 수정하려고 할 때 다음

.provider('Navigation',["$stateProvider","$state",function($stateProvider,$state) 

로 내가 얻을 다음 해결 종속성 오류와 같은 축약을 지원하는 경우 :

Uncaught Error: [$injector:modulerr] Failed to instantiate module apfPrototypeJs due to: 
Error: [$injector:unpr] Unknown provider: $state 

방법을 이 문제를 우회 하는가?

Answer 1

providers은 아직 서비스가 인스턴스화되지 않았고 공급자 메서드가 특히 구성에 사용되므로 응용 프로그램의 구성 단계에서만 액세스 할 수 있기 때문에 공급자에게만 주입 할 수 있습니다. 모든 서비스를 주입 할 수있는 능력이 있어야합니다. 그러나 $get 속성을 통해 정의 된 공급자의 생성자 함수에 모든 서비스 (공급자 아님)를 삽입 할 수 있습니다.

즉 다른 구문으로

.provider('Navigation',["$stateProvider",function($stateProvider) { //Inject provider here 

    this.$get = ["$state", function($state){ //Inject $state here 
     console.log($state) 
    }] 
}]); 

당신이 할 수있는 (축약을 지원하기 위해 주입 $ 사용) : -

.provider('Navigation', function(){ 

    this.$get = navigationService; 

    navigationService.$inject = ['$state']; 

    function navigationService($state) { 
     console.log($state) 
    } 
}]);