Angular JS - 路由提供程序无法正常工作

时间:2014-10-10 13:40:05

标签: angularjs routing angularjs-directive angularjs-routing

帮我解决这个问题

http://plnkr.co/edit/9WSWSgp55j614tBd2qbJ?p=preview Go to above plunk and check it out pls

使用路由时会出现空白屏幕但是当它不是

时它工作正常

1 个答案:

答案 0 :(得分:4)

两件事:

  1. 您正在声明主应用模块两次 - 一次在app.js中,一次在控制器中。首先加载app.js,然后将路由器添加为依赖项,然后在控制器中执行此操作:

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

  2. 重新定义了githubviewer模块,覆盖了之前的模块。要查找模块,只需省略第二个参数(依赖项数组)。因此,将控制器中的那一行改为:

    var app=angular.module("githubviewer");
    
    1. 路由器的模块名称错误。正确的名称是ngRoute
    2. https://docs.angularjs.org/api/ngRoute

      工作插件:

      http://plnkr.co/edit/a3KHc2WIRMvGBDpFOwhX?p=preview