Angular.Js中ng-include指令的使用與實(shí)現(xiàn)

前言

創(chuàng)新互聯(lián)專(zhuān)業(yè)為企業(yè)提供和碩網(wǎng)站建設(shè)、和碩做網(wǎng)站、和碩網(wǎng)站設(shè)計(jì)、和碩網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、和碩企業(yè)網(wǎng)站模板建站服務(wù)，10多年和碩做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

大家如果想在angularjs動(dòng)態(tài)加載一個(gè)內(nèi)容，那我們就可以使用ng-include來(lái)實(shí)現(xiàn)。今天Insus.NET就在ASP.NET MVC環(huán)境中，舉個(gè)例子來(lái)演示它的功能。

示例介紹

你可以在一個(gè)視圖動(dòng)態(tài)加載任一其它視圖。如果你的動(dòng)態(tài)內(nèi)容有很多部件，你得需要在控制器創(chuàng)建相應(yīng)的Action操作，如使用部分Partial view就不必創(chuàng)建相對(duì)應(yīng)的Action。因此這是Insus.NET所喜歡的。

另外，我們還需要為ng-include的鏈接帶些參數(shù)呢?。?！

因此，參數(shù)，即是使用model來(lái)實(shí)現(xiàn)：

由于ng-include的鏈接，直接給部分視圖名稱(chēng)或路徑，視圖無(wú)法直接Render部分視圖的。

那我們想一個(gè)辦法，寫(xiě)一個(gè)公用的視圖，所有部分視圖均加載在這個(gè)公用的視圖即可，使用這個(gè)公用的視圖去Render這些部分視圖。

在CommonView操作Action中，我們傳入一個(gè)model，是為了后面?zhèn)鬟f參數(shù)準(zhǔn)備的。

接下來(lái)，我把這個(gè)視圖寫(xiě)好：

渲染部分視圖的Action創(chuàng)建完畢。其也沒(méi)有過(guò)多html的代碼。

下面創(chuàng)建2個(gè)部分視圖，當(dāng)然實(shí)際環(huán)境中，也許不止2個(gè)啦。

部分視圖_View1:

部分視圖2：

前面一切準(zhǔn)備好，均是為了下面ng-include的演示：

 

程序運(yùn)行結(jié)果：

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家學(xué)習(xí)或者使用Angular.js能帶來(lái)一定的幫助，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)創(chuàng)新互聯(lián)的支持。

網(wǎng)頁(yè)名稱(chēng)：Angular.Js中ng-include指令的使用與實(shí)現(xiàn)
當(dāng)前網(wǎng)址：http://muchs.cn/article18/gdepgp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、電子商務(wù)、搜索引擎優(yōu)化、網(wǎng)頁(yè)設(shè)計(jì)公司、小程序開(kāi)發(fā)、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)