$ stateParams가 실제로 사용 가능할 때 누군가 설명 할 수 있습니까?

Question

$ stateParams가 필요한 자식 상태에서 일부 변수를 초기화하려고합니다. 나는 다음과 같은 사용 상태를 등록한 것을 들어

:

$stateProvider 
    .state('parent', { 
     abstract: true, 
     url: '/parent', 
     template: '<div ui-view></div>', 
     controller: 'ParentCtrl', 
    }).state('parent.child', { 
     url: '/:id', 
     templateUrl: 'template.html', 
     controller: function ($scope) { 
      $scope.someFunction(); 
     }, 
    }); 

이 내 컨트롤러 :

module.controller('ParentCtrl', [ 
    '$scope', '$stateParams', 
    function ($scope, $stateParams) { 
     //calling a function in the scope inherited from parent controller 
     $scope.someFunction = function() { 
      //$stateParams isn't available. 
     } 
    }]); 

그러나 된 SomeFuncion은 $ stateParams에서 PARAMS를 호출 할 때 정의되지 않습니다.

는하지만 그 대신 ParentCtrl에서 함수를 호출의 경우이 같은 상태 컨트롤러 내부에서 실행

$stateProvider 
    .state('parent', { 
     abstract: true, 
     url: '/parent', 
     template: '<div ui-view></div>', 
     controller: 'ParentCtrl', 
    }) 
    .state('parent.child', { 
     url: '/:id', 
     templateUrl: 'template.html', 
     controller: function ($scope, $stateParams) { 
      //$stateParams is available 
     }, 
    }); 

내가 $ stateParams에 PARAMS에 액세스 할 수 있습니다.

누군가 내게 이유를 설명 할 수 있습니까?

Answer 1

나는 그것을 얻었습니다. 사실 아주 간단합니다. 문제는 부모 상태 인 $ stateParams를 사용하는 부모 상태 컨트롤러의 함수를 자식 상태에서 호출하고 있다는 것입니다 (물론) 올바른 매개 변수가 없다는 것입니다.

그래서 나는이 같은 부모 컨트롤러에 아이 상태 PARAMS를 주입해야 작동하게하기 위해 :이 결론에 저를 이끌어 마헤시 주석에 응답하기 시작했다

$stateProvider 
.state('parent', { 
    abstract: true, 
    url: '/parent', 
    template: '<div ui-view></div>', 
    controller: 'ParentCtrl', 
}).state('parent.child', { 
    url: '/:id', 
    templateUrl: 'template.html', 
    controller: function ($scope, $stateParams) { 
     $scope.someFunction($stateParams); 
    }, 
}); 

.