javascript - ngRoute 依赖注入(inject)错误，但 angular-route.js.min 已加载

Question

我不明白为什么模块无法在 ngRoute 上加载。我有从 cdn 加载的 Angular 和 Angular 路由脚本，但我仍然收到错误 Error: $injector:modulerr
模块错误

 <!--Angular-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.16/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.16/angular-route.min.js"></script>

<script src="app/index.js"></script>
<script src="app/components/blog/blogControllers.js"></script>

// index.js
'use strict';

var pdizzApp = angular.module('pdizzApp', [
    'ngRoute',
    'blogControllers'
]);

pdizzApp.config(['$routeProvider'], function ($routeProvider) {
    $routeProvider
        .when('/blog', {
            templateUrl: 'blog/view/blog-list.html',
            controller: 'BlogListController'
        })
        .otherwise({
            redirectTo: '/blog'
        })
});

//blogControllers.js
'use strict';

var blogControllers = angular.module('blogControllers', []);

blogControllers.controller('BlogListController', ['$scope', '$http',
    function ($scope, $http) {
        $http.get('/api/blog/post').success(function (data) {
            $scope.posts = data._embedded.post;
        });

        $scope.toDate = function(date) {
            return new Date(Date.parse(date));
        }
    }]);

Answer 1

您的 config block 应如下所示，即需要在传递给 config 方法的数组内声明该方法:

pdizzApp.config(['$routeProvider', function ($routeProvider) {
    $routeProvider
        .when('/blog', {
            templateUrl: 'blog/view/blog-list.html',
            controller: 'BlogListController'
        })
        .otherwise({
            redirectTo: '/blog'
        });
}]);