AngularJS实现根据变量改变动态加载模板的方法
更新时间：2016年11月04日 12:00:07 作者：宁默然
这篇文章主要介绍了AngularJS实现根据变量改变动态加载模板的方法,结合实例形式简单分析了AngularJS动态加载模板的主要操作技巧与模板实现代码,需要的朋友可以参考下
本文实例讲述了AngularJS实现根据变量改变动态加载模板的方法。分享给大家供大家参考，具体如下：
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.JS中Scope继承的相关资料，Angular。JS中scope之间的继承关系使用JavaScript的原型继承方式实现，文中介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。2017-06-06
我们对接的过程中总是遇到跨域的问题，本文使用 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 是一个为动态WEB应用设计的结构框架。它能让你使用HTML作为模板语言，通过扩展HTML的语法，让你能更清楚、简洁地构建你的应用组件,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了AngularJS实现的2048小游戏,可实现通过键盘W、S、A、D键控制上下左右移动进行游戏的功能,涉及AngularJS页面元素动态操作及数值运算等相关操作技巧,并附带源码供读者下载参考,需要的朋友可以参考下2018-01-01
AngularJS通过ng-Img-Crop实现头像截取的示例
本篇文章主要介绍了AngularJS通过ng-Img-Crop实现头像截取的示例，具有一定的参考价值，有兴趣的可以了解一下2017-08-08
这篇文章主要介绍了详解@angular/cli 改变默认启动端口两种方式，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-11-11
本文主要介绍AngularGauge 属性的知识，这里这里了详细的资料来介绍AngularGauge属性的内容知识，帮助大家学习参考，有需要的小伙伴可以参考下2016-09-09
本文通过实例代码给大家介绍了angularjs $parse的相关知识，非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-09-09
这篇文章主要介绍了Angular实现点击按钮后在上方显示输入内容的方法,涉及AngularJS事件响应及页面元素属性动态设置相关操作技巧,需要的朋友可以参考下2017-12-12
最新评论