Question

'use strict';
angular.module('confusionApp', ['ui.router'])
.config(function($stateProvider, $urlRouterProvider) {
    $stateProvider
        // route for the home page
        .state('app', {
            url:'/',
            views: {
                'header': {
                    templateUrl : 'views/header.html'
                },
                'content': {
                    template : '<h1>To be Completed</h1>',
                    controller  : 'IndexController'
                },
                'footer': {
                    templateUrl : 'views/footer.html'
                }
            }
        })
        // route for the aboutus page
        .state('app.aboutus', {
            url:'aboutus',
            views: {
                'content@': {
                    template: '<h1>To be Completed</h1>'
               }
            }
        })
        // route for the contactus page
        .state('app.contactus', {
            url:'contactus',
            views: {
                'content@': {
                    templateUrl : 'views/contactus.html',
                    controller  : 'ContactController'
                 }
            }
        })

        // route for the menu page
        .state('app.menu', {
            url: 'menu',
            views: {
                'content@': {
                    templateUrl : 'views/menu.html',
                    controller  : 'MenuController'
                }
            }
        })

        // route for the dishdetail page
        .state('app.dishdetails', {
            url: 'menu/:id',
            views: {
                'content@': {
                    templateUrl : 'views/dishdetail.html',
                    controller  : 'DishDetailController'
               }
            }
         });
         $urlRouterProvider.otherwise('/');
    });

对于app.js文件我试图使用UI-Router，我使用bower来安装UI-Router的角度依赖项。当我将它们包含在标签中时，它们目前具有正确的路径。我检查确保文件也在bower_components文件中。然而，当我运行该程序时，没有任何显示，我收到的唯一错误是“未捕获的错误：[$ injector：modulerr]”错误。

Answer 1

看起来像角度无法找到ui-route模块，记得把它包含在你的HTML中。使用类似的东西

<script src="/bower_components/angular/angular.js"></script> <script src="/bower_components/angular-ui-router/angular-ui-router.js"></script>

如果你正在使用凉亭。

对不起我的英文。我希望这对你有用。

Answer 2

我有类似的问题。是什么修复了注入＆＃39; $ stateProvider＆＃39;和＆＃39; $ urlRouterProvider＆＃39;在配置函数中使用它们之前，例如：

git commit --allow-empty --allow-empty-message

Answer 3

在加载脚本之前尝试加载ui.router：

<!-- UI-Router -->
<script src="angular-ui-router.js"></script>
<script src="yourscript.js"></script>

尝试注入UI-Router时收到“injector：modulerr”错误

3 个答案: