91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Angular.Js中ng-include指令的使用與實現

發布時間:2020-10-08 18:15:14 來源:腳本之家 閱讀:192 作者:楊明波 欄目:web開發

前言

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

示例介紹

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

另外,我們還需要為ng-include的鏈接帶些參數呢!!!

因此,參數,即是使用model來實現:

Angular.Js中ng-include指令的使用與實現

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

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

Angular.Js中ng-include指令的使用與實現

在CommonView操作Action中,我們傳入一個model,是為了后面傳遞參數準備的。

接下來,我把這個視圖寫好:

Angular.Js中ng-include指令的使用與實現

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

下面創建2個部分視圖,當然實際環境中,也許不止2個啦。

部分視圖_View1:

Angular.Js中ng-include指令的使用與實現

部分視圖2:

Angular.Js中ng-include指令的使用與實現

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

Angular.Js中ng-include指令的使用與實現 

程序運行結果:

Angular.Js中ng-include指令的使用與實現

總結

以上就是這篇文章的全部內容了,希望本文的內容對大家學習或者使用Angular.js能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對億速云的支持。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

胶南市| 石门县| 原平市| 富顺县| 临海市| 兰考县| 庆安县| 乌鲁木齐县| 张家口市| 广灵县| 福清市| 观塘区| 东乌| 玉田县| 随州市| 江达县| 木兰县| 樟树市| 鹿邑县| 三原县| 密云县| 淮北市| 巨野县| 石狮市| 西华县| 鹤壁市| 闸北区| 开原市| 临潭县| 小金县| 寿光市| 且末县| 南召县| 宁武县| 莱芜市| 北辰区| 海丰县| 称多县| 三江| 宁都县| 宁乡县|