為什麼推薦用ui router替代ngRoute

2022-02-09 16:57:32 字數 1203 閱讀 1145

ui-router 的工作原理非常類似於 angular 的路由控制器,但它只關注狀態。

ui-router是乙個web客戶端的路由解決方案,它最大的作用是將web介面的設計分塊了

ui-router被認為是angularui為開發者提供的最實用的乙個模組,它是乙個讓開發者能夠根據url狀態或者說是'

機器狀態

'來組織和控制介面ui的渲染,而不是僅僅只改變路由(傳統angularjs應用實用的方式)

看了以上解釋後,懂了嗎?我是沒動,但好像很牛掰的樣子,繼續研究,終於看到說不同的地方了:

angularui router是angularui 團隊開發的乙個angularjs路由模組,相比angularjs的標準路由ngroute,它更靈活,基於state而不是url在乙個頁面中載入多個view並保持view的層次,nested states & views以及multiple & named views。ui-router被認為是angularui為開發者提供的最實用的乙個模組。

與整合的ngroute服務不同的是,ui-router可以將檢視巢狀,因為它基於的是操作狀態而僅非url。與傳統做法使用ng-view不同的是,在ngroute裡需要使用ui-view服務。當在ui-router中處理路由和狀態時,開發者的重心是當前的狀態是什麼以及在哪乙個頁面裡。

上面說整合的ngroute服務不同,實際上在我當前用的版本中已經把ngroute模組獨立出來了;

使用ngroute時,在主頁面新增標籤,會把檢視渲染好自動載入到此標籤,而如果想在檢視裡面再加乙個,用別的子檢視渲染好來填充檢視裡面種的標籤,這是不支援的(這話說得很繞,就是不支援檢視裡面巢狀檢視);而ui-router支援這個特性,ui-router使用ui-view標籤,可以層層巢狀檢視。

ngroute的頁面只能新增乙個標籤,及時新增多個,都是填充同樣的內容;ui-router可以通過為ui-view命名的方式支援多個檢視,如:

view="profile">view>

view="main">view>

這裡有對的詳細分析:ui.router原始碼解析

最後,還是要根據自己的需求來:是否需要用到這些特性?ngroute是否能夠滿足你的要求?如果ngroute夠用了,還是使用ngroute吧,雖然ui-router不會增加使用難度,但是ui-router壓縮後還有30kb,而ngroute壓縮後只有5kb!

python為什麼用flask 為什麼用flask

flask是python在web開發領域乙個輕量級的框架,為什麼選擇flask呢?此文可能會給你答案。選擇flask的原因 1.微框架 簡潔 只做它需要做的,給開發展提供了很大的擴充套件性。2.flask和相關的依賴 jinja2 werkzeug 設計得非常優秀,用著簡單。3.開發效率非常高,比如...

我為什麼推薦每日瑜伽

隨著大健康理念的興起和普及,健身運動被很多人提上了日程。不難發現,越來越多的人開始通過不同方式嘗試瑜伽這項運動,而受時間空間等客觀因素的影響,人們更願意借助手機app來練www.cppcns.com習瑜伽。但市面上有很多瑜伽教學網際網路平台,選擇哪款app作為自己健身路途中的導師成了乙個難題。對比線...

RESTful是什麼,為什麼用,怎麼用

restful是什麼 其實restful絕大部分內容都是關於api設計時規範推薦的做法,並沒有新東西。只要符合rest設計原則的api都可以被稱為restful。restful的核心就是後端將資源發布為uri,前端通過uri訪問資源,並通過http動詞表示要對資源進行的操作。這裡涉及到乙個新概念 資...