angularjs 高级玩法 创建递归的模板
2015-08-06 11:17
567 查看
<script id="myTemplate" type="text/ng-template"> <!-- 你要显示的内容,例如 --> <div>a:{{data.a}}</div> <div>b:{{data.b}}</div> <!-- 递归 --> <div ng-include="'myTemplate'" ng-init="data=data.child"></div> </script> <div ng-include="'myTemplate'" ng-init="data=myData"></div>
/* 数据 */ $scope.myData = { a: 123, b: 456, child: { a: 789, b: "hello" } }
注意:这种玩法是在IE7 IE8 是不支持的,我会在另外一篇文章介绍如何解决IE7 IE8的兼容问题
相关文章推荐
- angularJS自学记录
- [AngularJS] 使用AngularAMD动态加载Controller
- 开始啃 AngularJS
- Angular chrome 插件 Batarang 使用
- 学习angularjs时遇到 XX is not a function
- AngularJS页面加载闪烁解决方案
- Angular Services详解
- Angularjs书写规范
- 深入理解AngularJs-Ui-router
- angularjs利用指令调用ueditor百度编辑器
- 学会使用AngularJS
- AngularJS学习笔记
- 接触AngularJS
- 用AngularJS开发下一代应用(学习笔记)
- Angular开发Tips
- angularJs 实现checkbox全选和多选
- win7下面搭建angularjs开发环境
- AngularJS中文介绍
- AngularJs 初学
- angularJS--多个控制器之间的数据共享