【北京分院一百零四期】如何使用UI-ROUTER

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.参考文献

AngularJS ui-router (嵌套路由)

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

你可能感兴趣的:(【北京分院一百零四期】如何使用UI-ROUTER)