NgRoute 不工作

Question

出于某种原因，我不确定我的 ngRoute 是否正常工作。请帮助我，谢谢。 Here 是我的 cloud9 文件，您可以在其中查看实时预览和编辑代码。这是我的 script.js:

var app = angular.module('ChattApp', ["firebase", "ngRoute"])


app.config(["$routeProvider",  function($routeProvider){

  $routeProvider
    .when('/', {
      templateUrl: 'HtmlFiles/login.html',
      controller : 'LoginController.js'
    })

    .otherwise({
      redirectTo: '/'

    })
    //Talk In Chat/Group Chat. I have to go to school now..


}]
)

app.factory("Auth", ["$firebaseAuth",
  function($firebaseAuth) {
    var ref = new Firebase("https://uniquecoders.firebaseio.com/");
    return $firebaseAuth(ref);
  }
]);

Answer 1

删除所有控制器文件中的 app 定义..因为 app 已经在另一个脚本中定义了..原因是变量正在为每个加载的控制器文件重新定义..

请检查 http://www.w3schools.com/js/js_scope.asp 变量范围生命周期

Answer 2

“.when”方法对象内的控制器采用通过 angular 注册的控制器名称，而不是包含控制器代码的 'js' 文件。当您注册控制器时，您使用方法 Controller(name, constructor)。然后命名你放置的第一个参数是你正在注册的控制器的 "name" angular.

controller : 'LoginController.js' 应该： controller : 'LoginController'

参考文献：Route Docs, Controller Docs

在此页面上搜索 "Route"，然后查看控制器对象属性。

NgRoute 不工作

NgRoute not working

javascript

angularjs

angularjs-routing