1.背景介绍
路由(route)是前端构建单页面应用(SPA)必不可少的组成部分。 对于angular而言,自然也有内置的路由模块-ngRoute。但由于功能的局限性,往往不能满足开发需求。于是,AngularUI团队基于ngRoute开发了第三方模块-UI-Router。
2.知识剖析
ui-router 的工作原理非常类似于 Angular 的路由控制器,但它只关注状态。在应用程序的整个用户界面和导航中, 一个状态对应于一个页面位置通过定义controller、template和view等属性,来定义指定位置的用户界面和界面行为 ,通过嵌套的方式来解决页面中的一些重复出现的部位
3.常见问题
使用ui-router之前要进行哪些准备
4.解决方案
引入angular文件
下载ui-router的文件,并且在angular文件下面引入
创建要展示出来的html页面,在最下面引入自己写的js文件
5.编码实战
如何使用ui-router?(详情见视频演示)
6.扩展思考
ui-router比ng-router有哪些优点?
简单来说就是ng-router只能嵌套一层,ui-router可以嵌套多层。
7.参考文献
8.更多讨论
见视频。
如何使用ui-router?_腾讯视频
ppt链接:https://ptteng.github.io/PPT/PPT/JS-6-ui-router.html#/14
视频链接:https://v.qq.com/x/page/y0501x1wkng.html
文本链接:http://www.jnshu.com/daily/22589?uid=7339