无法在Angular中注入routeProvider

Question

有人可以告诉我，我发现错误是什么错误AngularJs Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to: Error: [$injector:unpr] Unknown provider: $routeProvider

当我运行此代码时

    var app = angular.module("app", [])
    .config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.when("/login", {
                templateUrl : "login.html", 
                controller: "loginController"
            });
            $routeProvider.otherwise({redirectTo : "/login"})
  }]);

代码与AngularJs官方网站

上的代码相同（希望如此）

Answer 1

您需要注入ngRoute模块。

    var app = angular.module("app", ['ngRoute'])
    .config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.when("/login", {
                templateUrl : "login.html", 
                controller: "loginController"
            });
            $routeProvider.otherwise({redirectTo : "/login"})
  }]);

并在页面上添加angular-route.js

<script type="text/javascript" src="assets/js/angular-route.min.js"></script>

并确保您使用网络服务器运行角度

Answer 2

ngRoute应该注射....

var app = angular.module("app", ['ngRoute'])
        .config(['$routeProvider',
      function($routeProvider) {
        $routeProvider.when("/login", {
                    templateUrl : "login.html", 
                    controller: "loginController"
                });
                $routeProvider.otherwise({redirectTo : "/login"})
      }]);

Answer 3

您还应该考虑使用ui.router。比ngRoute更强大。我很确定下一个Angular版本会将ngRoute替换为ui.router。