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

发布时间：2020-12-17 07:40:54 所属栏目：安全来源：网络整理

导读：我使用AngularJS的ui-router插件遇到麻烦： angular.module('myApp',[]).config(['$routeProvider','$stateProvider',function($routeProvider,$stateProvider) { $stateProvider .state('mandats',{ url: '/domiciliations/mandats',templateUrl: 'domicili

我使用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类似.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!