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

前言

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

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

示例介紹

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

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

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

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

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

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

接下來，我把這個視圖寫好：

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

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

部分視圖_View1:

部分視圖2：

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

 

程序運行結果：

總結

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

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

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

廣告

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