angularJs中基于模板递归（树）的实现

html：

注意：模板id一定不要加.html这样的后缀，否则页面有可能进入死循环。
具体原因不知，我有一个项目用 id="myTemplate.html"正常，有一个项目加了后缀进入死循环。

<script id="myTemplate" type="text/ng-template">
    <!-- 你要显示的内容，例如 -->
    <div>名称:{{node.name}}</div> 
    <!-- 递归 -->
    <div ng-include="'myTemplate'" ng-repeat="node in node.children track by $index"></div>
</script>
<div ng-include="'myTemplate'" ng-repeat="data in tree track by $index"></div>

js：

  $scope.tree  = [{
      "id":"1",
      "pid":"0",
      "name":"玩具",
      "children":[{
            "id":"4",
            "pid":"1",
            "name":"电动玩具"，
            "children":[{
                "id":"15",
                "pid":"4",
                "name":"玩具车"
            }]
     }]
   },{
     ...
   }
   ...
]