博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ng-route使用笔记
阅读量:6361 次
发布时间:2019-06-23

本文共 669 字,大约阅读时间需要 2 分钟。

1.引入文件和依赖

 

2.定义路由表

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

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

when(path, route) 、otherwise(params)

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

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

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

controller //function或string类型。在当前模板上执行的controller函数,生成新的scopecontrollerAs //string类型,为controller指定别名template //string或function类型,视图所用的模板,这部分内容将被ngView引用templateUrl //string或function类型,当视图模板为单独的html文件或是使用了

例如:

otherwise(params)

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

 

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

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

(部分文字来源于网络)

转载于:https://www.cnblogs.com/margarita/p/5266150.html

你可能感兴趣的文章
javascript学习(6)——[基础回顾]继承/聚合
查看>>
身份证号码的正则校验+升级版
查看>>
【C++ STL 优先队列priority_queue】
查看>>
js.面向对象
查看>>
第八次作业—— 缺陷管理(含缺陷管理工具的配置实验)
查看>>
15 个 Android 通用流行框架大全
查看>>
通过点击LI,显示对应的DIV并隐藏其他DIV
查看>>
FeiQ项目
查看>>
跟随我在oracle学习php(19)
查看>>
怎么在Ubuntu上替换ESC键
查看>>
Java定时任务Timer、TimerTask与ScheduledThreadPoolExecutor详解
查看>>
5.Appium 安卓自动化(UIAutomator)
查看>>
222
查看>>
MDS
查看>>
I.MX6 Ethernet MAC (ENET) MAC Address hacking
查看>>
Unsupported major.minor version 51.0解决办法
查看>>
JSP(初步)
查看>>
常用的软件、网站
查看>>
String和InputStream的转换
查看>>
经常开发出现bug的同事,
查看>>