javascript - 无法在 Angular 中注入(inject) ngRoute 依赖项

标签 javascript angularjs angular-routing

我似乎无法在当前的应用程序中创建简单的 Angular 路线,因为它处理以下错误:未捕获错误:[$injector:modulerr]

我已经将 ngRoute 作为依赖项注入(inject)到我的模块中,并在我的 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>

最佳答案

我认为您错过了[]

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

关于javascript - 无法在 Angular 中注入(inject) ngRoute 依赖项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40094937/

相关文章:

angular - 类型 'paramMap' 上不存在属性 'ActivatedRoute' ./node_modules/@angular/router/index "' has no exported member ' ParamMap'

javascript - Json转Array,只提取值

javascript - Node 8.9.4 还需要 babel 吗?

javascript - 如何更改 amChart 中的气球位置

javascript - Angular 数据表 : Unknown provider

angular - 如何从 app.component 获取路由名称?

javascript - Mousedown 和 Mouseup 与触发调用有关?

javascript - 通过 $http 将 Angular 应用程序替换为另一个应用程序

javascript - 输入类型文件无法在angularjs中获取文件类型的文件名

Angular 2 - 可以重定向路由,但使用直接链接不起作用