亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

【知識點(diǎn)】為什么推薦用ui-router替代ngRoute

Shonim / 2064人閱讀

摘要：被認(rèn)為是為開發(fā)者提供的最實(shí)用的一個模塊。與集成的服務(wù)不同的是，可以將視圖嵌套，因?yàn)樗诘氖遣僮鳡顟B(tài)而僅非。與傳統(tǒng)做法使用不同的是，在里需要使用服務(wù)。當(dāng)在中處理路由和狀態(tài)時，開發(fā)者的重心是當(dāng)前的狀態(tài)是什么以及在哪一個頁面里。

初學(xué)angularjs，第一個實(shí)例是官網(wǎng)的phoneCat，里面路由用的是ngRoute，后來看到別的用ui-router，覺得好奇，ui-route是什么呢？百度一些，得到如下解釋：

ui-router 的工作原理非常類似于 Angular 的路由控制器，但它只關(guān)注狀態(tài)。


ui-router是一個web客戶端的路由解決方案，它最大的作用是將web界面的設(shè)計(jì)分塊了


UI-Router被認(rèn)為是AngularUI為開發(fā)者提供的最實(shí)用的一個模塊，它是一個讓開發(fā)者能夠根據(jù)URL狀態(tài)或者說是"機(jī)器狀態(tài)"來組織和控制界面UI的渲染，而不是僅僅只改變路由（傳統(tǒng)AngularJS應(yīng)用實(shí)用的方式）

看了以上解釋后，懂了嗎？我是沒動，但好像很牛掰的樣子，繼續(xù)研究，終于看到說不同的地方了：

AngularUI Router是AngularUI 團(tuán)隊(duì)開發(fā)的一個AngularJS路由模塊，相比AngularJS的標(biāo)準(zhǔn)路由ngRoute，它更靈活，基于state而不是URL在一個頁面中加載多個View并保持View的層次，Nested States & Views以及Multiple & Named Views。UI-Router被認(rèn)為是AngularUI為開發(fā)者提供的最實(shí)用的一個模塊。 


與集成的ngRoute服務(wù)不同的是，UI-Router可以將視圖嵌套，因?yàn)樗诘氖遣僮鳡顟B(tài)而僅非URL。與傳統(tǒng)做法使用ng-view不同的是，在ngRoute里需要使用ui-view服務(wù)。當(dāng)在ui-router中處理路由和狀態(tài)時，開發(fā)者的重心是當(dāng)前的狀態(tài)是什么以及在哪一個頁面里。

上面說集成的ngRoute服務(wù)不同，實(shí)際上在我當(dāng)前用的版本中已經(jīng)把ngRoute模塊獨(dú)立出來了；

1、UI-Router支持嵌套視圖，ngRoute不支持

使用ngRoute時，在主頁面添加標(biāo)簽，會把視圖渲染好自動加載到此標(biāo)簽，而如果想在視圖里面再加一個，用別的子視圖渲染好來填充視圖里面種的標(biāo)簽，這是不支持的（這話說得很繞，就是不支持視圖里面嵌套視圖）；而UI-Router支持這個特性，ui-router使用ui-view標(biāo)簽，可以層層嵌套視圖。

2、UI-Router支持多視圖，ngRoute不支持

ngRoute的頁面只能添加一個標(biāo)簽，及時添加多個，都是填充同樣的內(nèi)容；
UI-Router可以通過為ui-view命名的方式支持多個視圖，如:

這里有對的詳細(xì)分析：ui.router源碼解析

最后，還是要根據(jù)自己的需求來：是否需要用到這些特性？ngRoute是否能夠滿足你的要求？如果ngRoute夠用了，還是使用ngRoute吧，雖然UI-Router不會增加使用難度，但是UI-Router壓縮后還有30kb，而ngRoute壓縮后只有5kb！

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/107014.html

相關(guān)文章

  • AngularJs功能（九）--路由

    摘要：該內(nèi)的內(nèi)容會根據(jù)路由的變化而變化。配置，用來定義路由規(guī)則。由此我們就需要另一個第三方路由模塊，叫做，當(dāng)然它是基于開發(fā)的。造成這種現(xiàn)象的最根本原因路由沒有明確的父子層級關(guān)系。監(jiān)聽路由路由狀態(tài)發(fā)生改變時可以通過監(jiān)聽，通過注入實(shí)現(xiàn)狀態(tài)的管理。 何為路由 路由機(jī)制運(yùn)可以實(shí)現(xiàn)多視圖的單頁Web應(yīng)用（single page web application，SPA）。 單頁應(yīng)用在使用期間不會重新加載...

    mingde 評論0 收藏0

  • angularjs+springMvc學(xué)習(xí)筆記

    摘要：回調(diào)說白了，就是把函數(shù)當(dāng)參數(shù)傳給另一根函數(shù)，在另一個函數(shù)執(zhí)行時調(diào)用此函數(shù)例如，在下面這段代碼中，上面定義了兩個函數(shù)和，下面的方法請求成功執(zhí)行，失敗執(zhí)行異步異步的原理我看了網(wǎng)上的一些博客和例子，大都以定時任務(wù)為例子說明，但具體的原理我還是不太 回調(diào) 說白了，就是把函數(shù)當(dāng)參數(shù)傳給另一根函數(shù)，在另一個函數(shù)執(zhí)行時調(diào)用此函數(shù)例如，在下面這段代碼中，上面定義了兩個函數(shù)success和error，下...

    dreamGong 評論0 收藏0

  • angularjs+springMvc學(xué)習(xí)筆記

    摘要：回調(diào)說白了，就是把函數(shù)當(dāng)參數(shù)傳給另一根函數(shù)，在另一個函數(shù)執(zhí)行時調(diào)用此函數(shù)例如，在下面這段代碼中，上面定義了兩個函數(shù)和，下面的方法請求成功執(zhí)行，失敗執(zhí)行異步異步的原理我看了網(wǎng)上的一些博客和例子，大都以定時任務(wù)為例子說明，但具體的原理我還是不太 回調(diào) 說白了，就是把函數(shù)當(dāng)參數(shù)傳給另一根函數(shù)，在另一個函數(shù)執(zhí)行時調(diào)用此函數(shù)例如，在下面這段代碼中，上面定義了兩個函數(shù)success和error，下...

    rozbo 評論0 收藏0

  • AngularJs

    摘要：當(dāng)左右服務(wù)都被解析并返回時，會以服務(wù)為參數(shù)去調(diào)用組件的構(gòu)造函數(shù)。發(fā)送或廣播的消息應(yīng)該限定在最小的作用域。置頂一個通過，發(fā)送的消息列表并且窒息的管理以防止命名沖突在需要格式化數(shù)據(jù)時，將格式 angular 數(shù)據(jù)雙向綁定的框架 提供數(shù)據(jù)綁定，DOM指令。angular，定義了一套規(guī)則，開發(fā)中就必須遵守規(guī)則，這套規(guī)則為項(xiàng)目提供了一套解決方案。 模塊，組件，模板，元數(shù)據(jù)，數(shù)據(jù)綁定, 指令，服務(wù)...

    sf190404 評論0 收藏0

  • ui-router學(xué)習(xí)

    摘要：關(guān)于應(yīng)用程序的行為類似于狀態(tài)機(jī)。將應(yīng)用程序的每個功能視為一組狀態(tài)。當(dāng)嵌套狀態(tài)處于活動狀態(tài)時，該片段將附加到瀏覽器中父狀態(tài)的。父狀態(tài)可用于限制對整個子狀態(tài)樹的訪問，但本身不提供任何。如果方案返回，則轉(zhuǎn)換將暫停，直到解決狀態(tài)頂級狀態(tài)嵌套狀態(tài) 關(guān)于state UI-Router應(yīng)用程序的行為類似于狀態(tài)機(jī)。 將應(yīng)用程序的每個功能視為一組狀態(tài)。一次只能有一個狀態(tài)為活動狀態(tài)。用戶可以從一種狀態(tài)轉(zhuǎn)換...

    sixleaves 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<