无法在Angular

时间:2016-10-17 20:17:07

标签: javascript angularjs angular-routing

我无法在当前的应用程序中创建一个简单的角度路径,因为它会处理以下错误:未捕获错误:[$ injector:modulerr]

我已经在我的模块中注入了ngRoute作为依赖项,并在我的html文件中添加了angular-route.js脚本。我目前的Angular版本是1.2.25,所以它是角度路由脚本。

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"
    });
});

模板/ main.html中

<h1>Main Page</h1>

1 个答案:

答案 0 :(得分:1)

我认为你错过了[ ]

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