AngularJS 路由允许我们通过不同的 URL 访问不同的内容。
通过 AngularJS 可以实现多视图的单页Web应用(single page web application,SPA)。
通常我们的URL形式为
,但在单页Web应用中 AngularJS 通过 # + 标记 实现,例如:

路由设置对象解析:
名称),{
template: string(模板提示字符串),templateUrl: string(模板路径URL),controller: string,function 或 array(在当前模板创建控制器,生成新的 $scope 作用域),controllerAs: string(控制器别名),redirectTo: string,function(重定向地址),resolve: object(当前路由所依赖的模块)
});
实现路由的大致步骤:
第一步:
导入ngRoute模块
第二步:
在应用模块中使用ngRoute
第三步:
使用 ng-view 指令
路由设置对象解析:
名称),{
template: string(模板提示字符串),templateUrl: string(模板路径URL),controller: string,function 或 array(在当前模板创建控制器,生成新的 $scope 作用域),controllerAs: string(控制器别名),redirectTo: string,function(重定向地址),resolve: object(当前路由所依赖的模块)
});
实现路由的大致步骤:
第一步:
导入ngRoute模块
第二步:
在应用模块中使用ngRoute
第三步:
使用 ng-view 指令