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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容