无法使AngularJS路由器工作

我是新的使用AngularJS，我试图实现一个路由器来管理2个不同的意见。无法使AngularJS路由器工作

我都跟着tutorial，但我得到我的JavaScript控制台上的错误：

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.2.7-build.2029+sha.80e7a45/$injector/modulerr…Flocalhost%3A3094%2Fbower_components%2Fangular%2Fangular.min.js%3A32%3A188)

此错误只有当我添加的代码APP.config()部分发生。

我可以在我的浏览器/views/a.html直接到达的路线，和我有一个<div ng-view></div>在我的HTML代码（index.html的），我不明白我错过了什么？

var APP = angular.module('APP', [ 'ui.bootstrap', 'angularFileUpload', 'ngRoute' ]) 
      //Load Facebook SDK & co... 
}); 

APP.config(['$routeProvider', 
    function($routeProvider) { 
     $routeProvider. 
      when('/a', { 
       templateUrl: 'views/a.html', 
       controller: 'aCtrl' 
      }). 
      when('/b', { 
       templateUrl: 'views/b.html', 
       controller: 'bCtrl' 
      }). 
      otherwise({ 
       redirectTo: '/a' 
      }); 
    } 
]); 

APP.controller('aCtrl', function() { 
    console.log('CALL A CONTROLLER'); 
}); 

APP.controller('bCtrl', function() { 
    console.log('CALL B CONTROLLER'); 
});

来源

2014-01-12 Ludo

你必须注入ngRoute到您的应用程序：

angular.module('ngViewExample', ['ngRoute'])

不幸的是，演示应用程序仍在使用1.0.6所以你会看到很多的不一致。以下是文档中的一个更好的示例：

http://docs.angularjs.org/api/ngRoute.$route

来源

2014-01-12 15:20:07

无法使AngularJS路由器工作

回答

相关问题