AngularJS和Angular版本中的路由

时间:2013-11-13 15:48:22

标签: angularjs angularjs-routing

angular.module('appPTracker', ['ui.bootstrap', 
'appPTracker.filters',
'appPTracker.services',
'appPTracker.directives',
'appPTracker.controllers',
'ngGrid']).
config(["$routeProvider", function($routeProvider) {
$routeProvider.when('/', {
    templateUrl: 'partials/main.html', controller: 'ctlPTracker'});
$routeProvider.when('/admin',
    {templateUrl: 'partials/admin.html', controller: 'ctlAdmin'});
$routeProvider.otherwise({redirectTo: '/'});
}]);

如果我尝试使用1.1.4以上的版本,我遇到了路由失败([$ injector:modulerr])的问题。显然我做错了,但我不确定需要更新什么。我没有在笔记中看到任何具体内容......如果相关,我可以提供更多来源,但这是一个非常通用的设置。

1 个答案:

答案 0 :(得分:2)

Angular 1.2现在更加模块化。所以它的某些部分现在是一段独立的代码。

ngRoute现在就是其中之一。

您需要先下载它:

http://code.angularjs.org/1.2.0/angular-route.js

在角度后加载它然后你需要像这样导入ngRoute

angular.module('appPTracker', ['ui.bootstrap', 
'appPTracker.filters',
'appPTracker.services',
'appPTracker.directives',
'appPTracker.controllers',
'ngGrid',
'ngRoute'])

值得一提的是ngRoute还有其他值得检查的替代方案:

ui-router

也许无法修改所有路线,但也许你可以检查一下将来的项目:)