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程序設計有所幫助。

您可能感興趣的文章:

詳解Angular模板引用變量及其作用域

深入理解Angular.JS中的Scope繼承
這篇文章主要給大家深入的介紹了關于Angular.JS中Scope繼承的相關資料，Angular。JS中scope之間的繼承關系使用JavaScript的原型繼承方式實現(xiàn)，文中介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。
2017-06-06
Angular中使用Api 代理的實現(xiàn)
我們對接的過程中總是遇到跨域的問題，本文使用 angualr 來講解代理api對接的話題，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2022-04-04
Angular CLI在Angular項目中如何使用scss詳解
angular-cli自身支持Scss預處理器，Scss比css更加方便靈活，而且層次清晰，代碼整潔。下面這篇文章主要給大家介紹了關于Angular CLI在Angular項目中如何使用scss的相關資料，需要的朋友可以參考下。
2018-04-04
什么是 AngularJS？AngularJS簡介
這篇文章主要介紹了什么是 AngularJS？AngularJS簡介,本文講解了AngularJS方方面面的基礎知識,AngularJS 是一個為動態(tài)WEB應用設計的結(jié)構(gòu)框架。它能讓你使用HTML作為模板語言，通過擴展HTML的語法，讓你能更清楚、簡潔地構(gòu)建你的應用組件,需要的朋友可以參考下
2014-12-12
AngularJS實現(xiàn)的2048小游戲功能【附源碼下載】
這篇文章主要介紹了AngularJS實現(xiàn)的2048小游戲,可實現(xiàn)通過鍵盤W、S、A、D鍵控制上下左右移動進行游戲的功能,涉及AngularJS頁面元素動態(tài)操作及數(shù)值運算等相關操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下
2018-01-01
AngularJS通過ng-Img-Crop實現(xiàn)頭像截取的示例
本篇文章主要介紹了AngularJS通過ng-Img-Crop實現(xiàn)頭像截取的示例，具有一定的參考價值，有興趣的可以了解一下
2017-08-08
詳解@angular/cli 改變默認啟動端口兩種方式
這篇文章主要介紹了詳解@angular/cli 改變默認啟動端口兩種方式，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-11-11
AngularGauge 屬性解析詳解
本文主要介紹AngularGauge 屬性的知識，這里這里了詳細的資料來介紹AngularGauge屬性的內(nèi)容知識，幫助大家學習參考，有需要的小伙伴可以參考下
2016-09-09
Angularjs 1.3 中的$parse實例代碼
本文通過實例代碼給大家介紹了angularjs $parse的相關知識，非常不錯，具有參考借鑒價值，需要的朋友參考下吧
2017-09-09
Angular實現(xiàn)點擊按鈕后在上方顯示輸入內(nèi)容的方法
這篇文章主要介紹了Angular實現(xiàn)點擊按鈕后在上方顯示輸入內(nèi)容的方法,涉及AngularJS事件響應及頁面元素屬性動態(tài)設置相關操作技巧,需要的朋友可以參考下
2017-12-12