成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

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

Shonim / 2081人閱讀

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

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

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


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


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

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

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


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

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

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

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

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

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

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/107014.html

相關(guān)文章

  • AngularJs功能（九）--路由

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

    mingde 評(píng)論0 收藏0

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

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

    dreamGong 評(píng)論0 收藏0

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

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

    rozbo 評(píng)論0 收藏0

  • AngularJs

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

    sf190404 評(píng)論0 收藏0

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

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

    sixleaves 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<