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 相关文章推荐
jQuery live( type, fn ) 委派事件实现
Oct 11 Javascript
动态加载js的方法汇总
Feb 13 Javascript
js+html5实现canvas绘制圆形图案的方法
Jun 05 Javascript
简单实现异步编程promise模式
Jul 31 Javascript
JavaScript获取function所有参数名的方法
Oct 30 Javascript
基于javascript代码实现通过点击图片显示原图片
Nov 29 Javascript
深入理解Angularjs向指令传递数据双向绑定机制
Dec 31 Javascript
jQuery初级教程之网站品牌列表效果
Aug 02 jQuery
在小程序/mpvue中使用flyio发起网络请求的方法
Sep 13 Javascript
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
Dec 06 jQuery
详解vue 命名视图
Aug 14 Javascript
JS在Array数组中按指定位置删除或添加元素对象方法示例
Nov 19 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
PHP调用MySQL的存储过程的实现代码
2008/08/12 PHP
无需重新编译php加入ftp扩展的解决方法
2013/02/07 PHP
PHP开发框架kohana中处理ajax请求的例子
2014/07/14 PHP
Yii中CGridView实现批量删除的方法
2015/12/28 PHP
基于PHP实现生成随机水印图片
2020/12/09 PHP
jQuery 判断页面元素是否存在的代码
2009/08/14 Javascript
打豆豆小游戏 用javascript编写的[打豆豆]小游戏
2013/01/08 Javascript
jQuery实现360°全景拖动展示
2015/03/18 Javascript
详解Javascript模板引擎mustache.js
2016/01/20 Javascript
AngularJS指令中的绑定策略实例分析
2016/12/14 Javascript
jQuery条件分页 代替离线查询(附代码)
2017/08/17 jQuery
详谈innerHTML innerText的使用和区别
2017/08/18 Javascript
详解AngularJS跨页面传值(ui-router)
2017/08/23 Javascript
jQuery实现打开网页自动弹出遮罩层或点击弹出遮罩层功能示例
2017/10/19 jQuery
利用JS判断客户端类型你应该知道的四种方法
2017/12/22 Javascript
微信小程序自定义底部弹出框
2020/11/16 Javascript
vue使用中的内存泄漏【推荐】
2018/07/10 Javascript
原生JS封装_new函数实现new关键字的功能
2018/08/12 Javascript
微信小程序实现动态获取元素宽高的方法分析
2018/12/10 Javascript
Vue3.0结合bootstrap创建多页面应用
2019/05/28 Javascript
React实现阿里云OSS上传文件的示例
2020/08/10 Javascript
python执行get提交的方法
2015/04/29 Python
利用python批量检查网站的可用性
2016/09/09 Python
Python实现在某个数组中查找一个值的算法示例
2018/06/27 Python
django 类视图的使用方法详解
2019/07/24 Python
Python CVXOPT模块安装及使用解析
2019/08/01 Python
Python中BeautifulSoup通过查找Id获取元素信息
2020/12/07 Python
canvas中普通动效与粒子动效的实现代码示例
2019/01/03 HTML / CSS
Maison Lab荷兰:名牌Outlet购物
2018/08/10 全球购物
临床医学专业学生的自我评价分享
2013/11/21 职场文书
党员自我评价分享
2013/12/13 职场文书
欢送退休感言
2014/02/08 职场文书
七夕情人节促销方案
2014/06/07 职场文书
个人整改措施落实情况汇报
2014/10/29 职场文书
详解pytorch创建tensor函数
2022/03/22 Python
彻底卸载VMware虚拟机的超详细步骤记录
2022/07/15 Servers