angularjs ui-router:未知提供者:$stateProvider

前端之家收集整理的这篇文章主要介绍了angularjs ui-router:未知提供者:$stateProvider前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用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

我按照这个顺序包含了javascripts:

<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.但页面仍然为空.

以下代码应该做这个工作.至少在我的情况下,所以让我知道,如果它的工作与否.
angular.module('myApp',['ui.compat']).
config(['$routeProvider',controller: 'mandatsCtrl'
        });
}])

现在关于你的页面是空的问题.确保您在浏览器中的URL与您的状态中定义的URL不匹配.在浏览器中尝试这个’#/ domiciliations / mandats’,看看是否正确渲染视图.不是你的绝对网址应该与http:// [HOST_NAME] /home.html#/domiciliations/mandats类似.

猜你在找的Angularjs相关文章