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