AngularJS UI 路由器 : Unknown provider: $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>

可能是什么问题？

[编辑]

我通过添加“ui.compat”作为 myApp 的依赖项消除了错误消息。我在 ui-router 的示例代码中看到了这一点，但在文档中却没有看到。这是关于什么的？

尽管如此，它仍然不起作用。我已将 ui-view 添加到应用程序索引文件中的 div 中。但页面仍然空白。

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”，看看 View 是否正确呈现。并不是说您的绝对网址应该与 http://[HOST_NAME]/home.html#/domiciliations/mandats 类似。