AngularJS实现根据变量改变动态加载模板的方法


Posted in Javascript onNovember 04, 2016

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
javascritp实现input输入框相关限制用法
Jun 29 Javascript
使用jQuery实现dropdownlist的联动效果(sharepoint 2007)
Mar 30 Javascript
javascript去除字符串中所有标点符号和提取纯文本的正则
Jun 07 Javascript
JavaScript中的Math.atan2()方法使用详解
Jun 15 Javascript
利用Angular.js限制textarea输入的字数
Oct 20 Javascript
通过原生JS实现为元素添加事件的方法
Nov 23 Javascript
如何判断出一个js对象是否一个dom对象
Nov 24 Javascript
Angular工具方法学习
Dec 26 Javascript
Angular.js自动化测试之protractor详解
Jul 07 Javascript
Node使用Sequlize连接Mysql报错:Access denied for user ‘xxx’@‘localhost’
Jan 03 Javascript
JavaScript实现好看的跟随彩色气泡效果
Feb 06 Javascript
vue flex 布局实现div均分自动换行的示例代码
Aug 05 Javascript
RGB和YUV 多媒体编程基础详细介绍
Nov 04 #Javascript
javascript设置文本框光标的方法实例小结
Nov 04 #Javascript
使用Curl命令查看请求响应时间方法
Nov 04 #Javascript
JS创建对象的写法示例
Nov 04 #Javascript
微信公众号支付H5调用支付解析
Nov 04 #Javascript
AngularJS用户选择器指令实例分析
Nov 04 #Javascript
AngularJS实现动态编译添加到dom中的方法
Nov 04 #Javascript
You might like
解析如何去掉CodeIgniter URL中的index.php
2013/06/25 PHP
PHP+Memcache实现wordpress访问总数统计(非插件)
2014/07/04 PHP
PHP中使用数组指针函数操作数组示例
2014/11/19 PHP
浅谈PHP检查数组中是否存在某个值 in_array 函数
2016/06/13 PHP
PHP对XML内容进行修改和删除实例代码
2016/10/26 PHP
YII框架中使用memcache的方法详解
2017/08/02 PHP
PHP操作MySQL中BLOB字段的方法示例【存储文本与图片】
2017/09/15 PHP
javascript 读取xml,写入xml 实现代码
2009/07/10 Javascript
range 标准化之获取
2011/08/28 Javascript
JavaScript:Div层拖动效果实例代码
2013/08/06 Javascript
Js nodeType 属性全面解析
2013/11/14 Javascript
基于jquery扩展漂亮的下拉框可以二次修改
2013/11/19 Javascript
javascript读取xml实现javascript分页
2013/12/13 Javascript
深入浅析javascript立即执行函数
2015/10/23 Javascript
Node.js重新刷新session过期时间的方法
2016/02/04 Javascript
JavaScript常用本地对象小结
2016/03/28 Javascript
js 获取html5的data属性实现方法
2017/07/28 Javascript
Kindeditor单独调用单图上传增加预览功能的实例
2017/07/31 Javascript
Angular4绑定html内容出现警告的处理方法
2017/11/03 Javascript
Python2.x中str与unicode相关问题的解决方法
2015/03/30 Python
Python实现类似比特币的加密货币区块链的创建与交易实例
2018/03/20 Python
Python 找到列表中满足某些条件的元素方法
2018/06/26 Python
浅谈pycharm的xmx和xms设置方法
2018/12/03 Python
Python 抓取微信公众号账号信息的方法
2019/06/14 Python
python实现电子书翻页小程序
2019/07/23 Python
如何在VSCode上轻松舒适的配置Python的方法步骤
2019/10/28 Python
Python实现RGB与HSI颜色空间的互换方式
2019/11/27 Python
python中return如何写
2020/06/18 Python
写好求职信第一句话的技巧
2013/10/26 职场文书
商务考察邀请函范文
2014/01/21 职场文书
期中考试反思800字
2014/05/01 职场文书
国旗下的演讲稿
2014/05/08 职场文书
课外小组活动总结
2014/08/27 职场文书
python爬不同图片分别保存在不同文件夹中的实现
2021/04/02 Python
用Python的绘图库(matplotlib)绘制小波能量谱
2021/04/17 Python
jquery插件实现悬浮的菜单
2021/04/24 jQuery