首页 > 其他 > 详细

ng-route使用笔记

时间:2016-03-11 17:05:19      阅读:95      评论:0      收藏:0      [点我收藏+]

1.引入文件和依赖

技术分享

技术分享

 

2.定义路由表

引入ngRoute模块,引入的意义在于,需要它里面的$routeProvider服务

技术分享

$routeProvider提供了定义路由表的服务,它有两个核心方法

when(path, route) 、otherwise(params)

when(path, route)方法接受两个参数

path是一个string类型,表示该条路由所匹配的路径,它将与地址栏的内容($location.path)值进行匹配;

route是一个object,用来指定path匹配后所需的一系列配置项,包括以下内容:

controller //function或string类型。在当前模板上执行的controller函数,生成新的scope
controllerAs //string类型,为controller指定别名
template //string或function类型,视图所用的模板,这部分内容将被ngView引用
templateUrl //string或function类型,当视图模板为单独的html文件或是使用了<script type="text/ng-template">定义模板时使用
resolve //指定当前controller所依赖的其他模块
redirectTo //重定向的地址

例如:

技术分享

otherwise(params)

对应路径匹配不到时的情况,这时候我们可以配置一个redirectTo参数,让它重定向到404页面或者是首页。

 

3.在主视图模版中指定加载子视图的位置

技术分享

我们的子视图将会在此处被引入进来。完成这三步后,你的程序的路由就配置好了。

(部分文字来源于网络)

ng-route使用笔记

原文:http://www.cnblogs.com/margarita/p/5266150.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!