角子模块路线

Question

我有一个：

• 主要模块：kp
• 子模块：kp.venue

我希望kp.venue拥有自己的＆＃34;路线＆＃34;定义（对于相对于该模块的所有路径）。 这是我试图在下面的代码中实现的。 任何人都可以解释为什么它不起作用吗？

我遵循了这篇文章中提到的技术：https://stackoverflow.com/a/15301427/971008

(function () {
'use strict';
    angular.module('kp.venue', [])

    .config(['$routeProvider',
        function($routeProvider) {
            $routeProvider
            .when("/venue", {
                template : "<p>This is the venue module</p>",
                controller: "VenueCtrl"
            });
        }
    ])

    .controller('VenueCtrl', ['$scope',
        function($scope){
            console.log("VenueController");
        }
    ]);

    angular.module('kp', ['ngRoute', 'ngAnimate', 'kp.venue'])

    .config(['$locationProvider', '$routeProvider',
        function($locationProvider, $routeProvider) {
        $locationProvider.html5Mode({enabled:true, requireBase:false});
        $routeProvider
            .when("/", {
                template: "<p>main app</p>",
                controller: "MainController"
            })
            .otherwise({
                redirectTo: '/'
            });
        }
    ]);

    //Load controller
    angular.module('kp')

    .controller('MainController', ['$scope',
        function($scope) {
            $scope.test = "Testing...";
        }
    ]);
}());

请注意，我已经尝试过移动＆＃34; kp.venue＆＃34;低估了＆＃34; kp＆＃34;的定义模块，以确保它不是与未按正确顺序加载的事物相关的问题。