美文网首页
【北京分院一百零四期】如何使用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

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