未调用AngularJS路由配置

时间:2015-02-28 08:46:28

标签: angularjs angular-routing

我目前正在AngularJS上完成一门课程,它刚刚介绍了路由的概念。

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

常见问题是ngRoute未被声明,但是。我不确定我使用的Angular版本是否存在问题,但这些版本来自在线课程。

我有一个公共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"
    });
  });
}());

感谢任何帮助,我现在已经筋疲力尽了。

由于 马克

1 个答案:

答案 0 :(得分:3)

MainController.js文件中,您定义了一个与app.js中名称相同的新模块:

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

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

来实现这一目标
angular.module("githubViewer");

在"创建与检索"中查看here部分。