AngularJS 未调用路由配置

Question

我正在运行学习一门关于 AngularJS 的课程，它刚刚介绍了路由的概念。

我的问题是 app.config 函数是在 app.js 中设置的，但是，该函数似乎从未被调用过，因此没有设置路由。

常见的问题是 ngRoute 没有被声明，但它确实被声明了。我不确定我使用的 Angular 版本是否有问题，但这些是从在线课程中获取的。

我有一个 public plnkr 供任何人查看和查看 http://plnkr.co/edit/L2FG4M?p=preview

(function() {
  var app = angular.module("githubViewer", ["ngRoute"]);

  app.config(function($routeProvider) {
    // If we navigate to /main then the page used will be main.html and the controller
    // MainController, if however something else is provided then we will
    // redirect to /main as well
    $routeProvider.when("/main", {
      templateUrl: "main.html",
      controller: "MainController"
    })
    .otherwise({
      redirectTo: "/main"
    });
  });
}());

感谢任何帮助，我现在已经用尽了所有选择。

谢谢马克

Answer 1

在您的 MainController.js 文件中，您定义了一个与 app.js 中同名的新模块：

angular.module("githubViewer", []);

您要做的是检索已经定义的模块。您可以通过删除 []:

来实现

angular.module("githubViewer");

查看 here "Creation versus Retrieval" 部分。

AngularJS 未调用路由配置

AngularJS Routing Configuration not called

angularjs

angular-routing