javascript - 使用 $locationProvider 从 URL 中删除 # 时出错

Question

使用 $locationProvider 从根目录中删除 # 时，我不断收到未捕获错误:[$injector:modulerr]。我该如何修复它？

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

// routes
myApp.config(function($routeProvider, $locationProvider) {
  $routeProvider
  .when('/', {
      templateUrl : 'views/home.html',
      controller  : 'mainController'
   });

  $locationProvider.html5Mode(true);
});

myApp.controller('mainController', function($scope) {
  $scope.message = 'hello';
});

我正在调用 Angular/Angular-route 并在头上使用 base href="/"。

Answer 1

你正在缩小代码吗？

您应该在函数参数之前将依赖项作为字符串添加。

myApp.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
    $routeProvider
        .when('/', {
            templateUrl: 'views/home.html',
            controller : 'mainController'
    });

    $locationProvider.html5Mode(true);
}]);