美文网首页
【北京分院一百零四期】如何使用UI-ROUTER

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

作者: OB丶Koro1 | 来源:发表于2017-05-10 21:55 被阅读0次

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

    1.背景介绍 路由(route)是前端构建单页面应用(SPA)必不可少的组成部分。 对于angular而言,自然也...

  • 如何使用ui-router

    【JS-6】 如何使用ui-router? 小课堂【武汉分院第137期】 分享人:徐恒 目录 1.背景介绍 2.知...

  • 如何使用ui-router?

    如何使用ui-router? 一.背景介绍 angular路由 路由(route),几乎所有的MVC(VM)框架都...

  • 如何使用ui-router?

    如何使用ui-router? 目录 1.背景介绍 2.知识剖析 3.常见问题 4.解决方案 5.编码实战 6.扩展...

  • 如何使用ui-router?

    大家好,我是IT修真院武汉分院第10期学员余佳贝,一枚正直善良的web程序员。 今天给大家分享一下,修真院官网js...

  • 如何使用ui-router?

    1.背景介绍 UI-Router它是一个让开发者能够根据URL状态或者说是'机器状态'来组织和控制界面UI的渲染,...

  • 如何使用ui-router?

    大家好,我是IT修真院深圳分院第04期学员,一枚正直善良的web程序员。 今天给大家分享一下,修真院官网 js任务...

  • 如何使用UI-ROUTER?

    大家好,我是IT修真院上海分院第01期学员,一枚正直善良的web程序员。 今天给大家分享一下,修真院官网 CSS任...

  • AngularJS 子路由与多视图

    ui-router 的使用 多视图 路由嵌套 home_tpl.html

  • ui-router使用

    去年的时候,在公司做过一个ui-router的分享,今天将它整理成文字,发出来。后面,也会陆陆续续将以前的技术分享...

网友评论

      本文标题:【北京分院一百零四期】如何使用UI-ROUTER

      本文链接:https://www.haomeiwen.com/subject/zkcntxtx.html