ngRoute 依赖注入错误，但加载了角度路由.js.min

ngRoute dependency injection error but angular-route.js.min is loaded

本文关键字：路由 js min 加载 注入 依赖 错误 ngRoute      更新时间：2023-09-26

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

 <!--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));
        }
    }]);

你的config块应该如下所示，即该方法需要在传递给config方法的数组中声明：

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