通过使用 ngRoute，ng-view 无法正常工作

Question

我想在我的 angularjs 项目中实施 ngRoute。但是 <ng-view></ng-view> 没有显示任何内容。我阅读了有关此问题的所有其他帖子，但我的问题没有得到解决。

我在app.js文件中定义$routeProvider如下：

'use strict'
 angular.module('confusionApp',  ['ngRoute'])
.config(['$routeProvider',function($routeProvider)  {

    $routeProvider

    .when('/contactus', {   //  route   for the contactus page
           templateUrl :    'contactus.html',   controller      :   'ContactController'
    })

    .when('/menu',  {   //  route   for the menu    pag
           templateUrl :    'menu.html',    controller      :   'MenuController'
    })

    .when('/menu/:id',  {   //  route   for the dish    details pag
           templateUrl :    'dishdetail.html',  controller      :   'DishDetailController'
    })

    .otherwise('/contactus');
}]);

我的 controllers.js 文件包括我所有控制器的定义：

angular.module('confusionApp',[])

    .controller('MenuController',['$scope','menuFactory',function($scope,menuFactory){

        $scope.dishes = menuFactory.getDishes();
         //other codes which deleted for simplicity

    }])

    .controller('dishDetailController',['$scope','$routeParams',
            'menuFactory', function($scope,$routeParams,menuFactory){

        var dish = menuFactory.getDish(parseInt($routeParams.id,10));
        this.dish = dish;
         //other codes which deleted for simplicity

    }])

    .controller('contactController',['$scope',function($scope){

           //some code here

    }])

    .controller('feedbackController',['$scope',function($scope){

           //some code here

    }]);

我在 services.js 文件中定义工厂如下：

angular.module('confusionApp')

   .factory('menuFactory',function(){

        var menufac = {};

        var dishes=[{... some data ...}];

        menufac.getDishes = function(){
            return dishes;
        };

        menufac.getDish = function(index){
            return dishes[index];
        };

        return menufac;
    });

在我的 index.html 页面中 <ng-view></ng-view> 没有显示任何内容。另外，我在 index.html 中定义脚本如下，所有路径都是正确的。

<script src="../bower_components/angular/angular.min.js"></script>
<script src="../bower_components/angular-route/angular-route.min.js"></script>
<script src="scripts/app.js"></script>
<script src="scripts/controllers.js"></script>
<script src="scripts/services.js"></script>

谁能帮帮我？非常感谢。

Answer 1

从 controller.js 文件中删除依赖注入部分

改变

来自

angular.module('confusionApp',[])

至

angular.module('confusionApp')

通过使用 ngRoute，ng-view 无法正常工作

By using ngRoute, ng-view not working properly

angularjs

angularjs-ng-route

angular-factory