您的位置:首页 > Web前端 > AngularJS

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的兼容问题
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: