angularjs 高级玩法 创建递归的模板

<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的兼容问题

版权声明：本文为博主原创文章，未经博主允许不得转载。