无法在 Angular 中注入 ngRoute 依赖项

Question

我似乎无法在我当前的应用程序中创建一个简单的 angular 路由，因为它处理了以下错误：未捕获错误：[$injector:modulerr]

我已经将 ngRoute 作为依赖项注入到我的模块中，并在我的 html 文件中添加了 angular-route.js 脚本。我当前的 Angular 版本是 1.2.25，所以它是 angular-route 脚本。

HTML

<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>ACME App</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script>
    <script src="js/controllers.js"></script>
  </head>
  <body ng-app="init">
    <a ng-href="#main">sup</a>
    <ng-view></ng-view>
  </body>
</html>

controllers.js

var app = angular.module("init", ["ngRoute"]);

app.config('$routeProvider', function($routeProvider) {
    $routeProvider
    .when("/", {
        templateUrl : "templates/main.html"
    });
});

templates/main.html

<h1>Main Page</h1>

Answer 1

我想你错过了 [ ]

app.config(['$routeProvider', function($routeProvider) {
    $routeProvider
    .when("/", {
        templateUrl : "templates/main.html"
    });
}]);

无法在 Angular 中注入 ngRoute 依赖项

Can't inject ngRoute dependency in Angular

javascript

angularjs

angular-routing