AngularJS와 UI 라우터 : 알 수없는 제공 : $ stateProvider

Question

나는 AngularJS와의 UI 라우터 플러그인 사용 문제에 봉착

:

Unknown provider: $stateProvider 

I : 다음 시작할 때이 오류가

angular.module('myApp', []). 
config(['$routeProvider', '$stateProvider', function($routeProvider, $stateProvider) { 
    $stateProvider 
     .state('mandats', { 
      url: '/domiciliations/mandats', 
      templateUrl: 'domiciliations/views/mandats.html', 
      controller: 'mandatsCtrl' 
     }); 
}]) 

을 다음 순서로 자바 스크립트를 포함 시켰습니다 :

<script src="/Scripts/libs/angular/angular.js"></script> 
<script src="/Scripts/libs/angular/angular-resource.js"></script> 
<script src="/Scripts/libs/angular/angular-ui-states.js"></script> 

어떤 문제가있을 수 있습니까?

난을 myApp의 종속성으로 'ui.compat'를 추가하여 오류 메시지를 제거있어

[편집]. Ui-router의 샘플 코드에서 보았지만 문서에는 아무 것도 없습니다. 이게 뭐야?

그럼에도 불구하고 여전히 작동하지 않습니다. 응용 프로그램 색인 파일의 div에 ui-view를 추가했습니다. 그러나 페이지는 비어 있습니다.

Answer 1

다음 코드는 작업을 수행해야합니다. 적어도 내 경우에는 그것이 작동하는지 아닌지 알려주십시오.

angular.module('myApp', ['ui.compat']). 
config(['$routeProvider', '$stateProvider', function($routeProvider, $stateProvider) { 
    $stateProvider 
     .state('mandats', { 
      url: '/domiciliations/mandats', 
      templateUrl: 'domiciliations/views/mandats.html', 
      controller: 'mandatsCtrl' 
     }); 
}]) 

이제 페이지가 비어있는 문제에 대해 알려주세요. 브라우저의 URL이 해당 주에서 정의 된 URL과 일치하지 않는지 확인하십시오. 브라우저에서 이것을 '#/domiciliations/mandats'라고 해보고 뷰가 적절히 렌더링되는지보십시오. 절대 URL은 http : // [HOST_NAME] /home.html#/domiciliations/mandats과 유사해야합니다.

Answer 2

angular-ui v0.0.2을 포함하면 문제가 해결됩니다.

Answer 3

종속성으로 ui-router 모듈 만 포함하면됩니다. 당신은 당신이 실행하는 각도의 버전을 기재 해주세요 수

angular 
    .module('myApp', ["ui.router"]) 
    .config(['$routeProvider', '$stateProvider', function($routeProvider, $stateProvider) { 
     ... 
    }]);