摘要:被認為是為開發者提供的最實用的一個模塊。與集成的服務不同的是,可以將視圖嵌套,因為它基于的是操作狀態而僅非。與傳統做法使用不同的是,在里需要使用服務。當在中處理路由和狀態時,開發者的重心是當前的狀態是什么以及在哪一個頁面里。
初學angularjs,第一個實例是官網的phoneCat,里面路由用的是ngRoute,后來看到別的用ui-router,覺得好奇,ui-route是什么呢?百度一些,得到如下解釋:
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模塊獨立出來了;
1、UI-Router支持嵌套視圖,ngRoute不支持使用ngRoute時,在主頁面添加
ngRoute的頁面只能添加一個
UI-Router可以通過為ui-view命名的方式支持多個視圖,如:
這里有對的詳細分析:ui.router源碼解析
最后,還是要根據自己的需求來:是否需要用到這些特性?ngRoute是否能夠滿足你的要求?如果ngRoute夠用了,還是使用ngRoute吧,雖然UI-Router不會增加使用難度,但是UI-Router壓縮后還有30kb,而ngRoute壓縮后只有5kb!
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/107014.html
摘要:該內的內容會根據路由的變化而變化。配置,用來定義路由規則。由此我們就需要另一個第三方路由模塊,叫做,當然它是基于開發的。造成這種現象的最根本原因路由沒有明確的父子層級關系。監聽路由路由狀態發生改變時可以通過監聽,通過注入實現狀態的管理。 何為路由 路由機制運可以實現多視圖的單頁Web應用(single page web application,SPA)。 單頁應用在使用期間不會重新加載...
摘要:回調說白了,就是把函數當參數傳給另一根函數,在另一個函數執行時調用此函數例如,在下面這段代碼中,上面定義了兩個函數和,下面的方法請求成功執行,失敗執行異步異步的原理我看了網上的一些博客和例子,大都以定時任務為例子說明,但具體的原理我還是不太 回調 說白了,就是把函數當參數傳給另一根函數,在另一個函數執行時調用此函數例如,在下面這段代碼中,上面定義了兩個函數success和error,下...
摘要:回調說白了,就是把函數當參數傳給另一根函數,在另一個函數執行時調用此函數例如,在下面這段代碼中,上面定義了兩個函數和,下面的方法請求成功執行,失敗執行異步異步的原理我看了網上的一些博客和例子,大都以定時任務為例子說明,但具體的原理我還是不太 回調 說白了,就是把函數當參數傳給另一根函數,在另一個函數執行時調用此函數例如,在下面這段代碼中,上面定義了兩個函數success和error,下...
摘要:關于應用程序的行為類似于狀態機。將應用程序的每個功能視為一組狀態。當嵌套狀態處于活動狀態時,該片段將附加到瀏覽器中父狀態的。父狀態可用于限制對整個子狀態樹的訪問,但本身不提供任何。如果方案返回,則轉換將暫停,直到解決狀態頂級狀態嵌套狀態 關于state UI-Router應用程序的行為類似于狀態機。 將應用程序的每個功能視為一組狀態。一次只能有一個狀態為活動狀態。用戶可以從一種狀態轉換...
閱讀 987·2021-11-24 10:30
閱讀 2316·2021-10-08 10:04
閱讀 3949·2021-09-30 09:47
閱讀 1433·2021-09-29 09:45
閱讀 1435·2021-09-24 10:33
閱讀 6234·2021-09-22 15:57
閱讀 2351·2021-09-22 15:50
閱讀 4079·2021-08-30 09:45