AngularJS實現(xiàn)根據(jù)變量改變動態(tài)加載模板的方法
更新時間：2016年11月04日 12:00:07 作者：寧默然
這篇文章主要介紹了AngularJS實現(xiàn)根據(jù)變量改變動態(tài)加載模板的方法,結(jié)合實例形式簡單分析了AngularJS動態(tài)加載模板的主要操作技巧與模板實現(xiàn)代碼,需要的朋友可以參考下
本文實例講述了AngularJS實現(xiàn)根據(jù)變量改變動態(tài)加載模板的方法。分享給大家供大家參考，具體如下：
directive：
return {
restrict: 'E',
replace: true,
templateUrl: 'app/view/order.html',
link: function (scope, element, attrs) {
scope.Type = attrs.Type;
}
};
模板：
<div ng-switch on="item.Type"> <div ng-switch-when="1"><ng-include src="'views/1.html'"></ng-include></div> <div ng-switch-when="2"><ng-include src="'views/2.html'"></ng-include></div> <div ng-switch-when="3"><ng-include src="'views/3.html'"></ng-include></div> </div>
希望本文所述對大家AngularJS程序設(shè)計有所幫助。
您可能感興趣的文章:
相關(guān)文章
本篇文章主要介紹了angular中不同的組件間傳值與通信的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
這篇文章主要為大家詳細介紹了Angular工具方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
AngularJS實現(xiàn)給動態(tài)生成的元素綁定事件的方法
這篇文章主要介紹了AngularJS實現(xiàn)給動態(tài)生成的元素綁定事件的方法,結(jié)合實例形式分析了AngularJS動態(tài)生成元素與事件綁定相關(guān)操作技巧,需要的朋友可以參考下2016-12-12
簡單談?wù)剅equire模塊化jquery和angular的問題
下面小編就為大家?guī)硪黄唵握務(wù)剅equire模塊化jquery和angular的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
我們在應(yīng)用的頁面或者組件需要加載數(shù)據(jù)時，瀏覽器和angular渲染頁面都需要消耗一定的時間。這里的間隔可能很小，甚至讓人感覺不到區(qū)別；但也可能很長，這樣會導致讓我們的用戶看到了沒有被渲染過的頁面。本文將介紹Angular.js中處理頁面閃爍的方法。2017-03-03
AngularJS學習筆記（三）數(shù)據(jù)雙向綁定的簡單實例
這篇文章主要介紹了AngularJS學習筆記（三）數(shù)據(jù)雙向綁定的簡單實例，詳解數(shù)據(jù)雙向綁定實例的相關(guān)資料,需要的朋友可以參考下。2016-11-11
本篇文章主要介紹了深入理解Angular中的依賴注入，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要介紹了angular4筆記系列之內(nèi)置指令小結(jié),小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11
AngularJS動態(tài)生成select下拉框的方法實例
這篇文章主要給大家介紹了關(guān)于AngularJS動態(tài)生成select下拉框的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用AngularJS具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-11-11
本文給大家介紹AngularJS控制器繼承自另一控制器的相關(guān)內(nèi)容，小編認為介紹的非常不錯，具有參考借鑒價值，感興趣的朋友參考下吧2016-05-05