angularjs - angularjs ui-router: 不明なプロバイダー: $stateProvider

Question

AngularJS の ui-router プラグインの使用に問題があります。

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

次に、起動時に次のエラーが表示されます。

Unknown provider: $stateProvider

次の順序で JavaScript を含めました。

<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

依存関係として ui-router モジュールを含めるだけです。

次のように

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

Answer 2

angular-ui v0.0.2を含めると、問題が修正されます。