javascript - Angular 指令中无限嵌套的 ng-repeat

Question

我有一个包含无限嵌套数据的对象，如下例所示:

[
{
    name: "Foo",
    value: "Bar",
    sub: [
        {
            name: "ABC",
            value: "LLL",
            sub: [
                ...
            ]
        },
        {
            ...
        }
    ]
},
{
    name: "Oof",
    value: "Rab"
    sub: [
        ...
    ]
}
]

每个元素都可以包含一个 sub 值，该值将包含一个或多个具有相同结构的元素(name、value、sub 如果有更多的子元素)。

现在，我知道如何执行 ng-repeat，但是使用单个 ng-repeat，我将只获取第一层的元素。如果我在第一个里面做了第二个 ng-repeat，我只会得到第二层的项目，等等......

因为我不知道会有多少层，所以我不能将几个 ng-repeat 嵌套在一起。这就是为什么我正在寻找一种方法来递归循环整个数据数组并表示 Angular 指令内的所有项目(即，在我的 HTML 代码中使用 Angular 的指令/属性)。 Angular (1.3.x) 有可能吗？

Answer 1

是的，可以使用内联模板

示例:

<script type="text/ng-template" id="namVal">
{{ item.name}}
   <ul ng-if="item.sub">
    <li ng-repeat="item in item.sub" ng-include="'namVal'"></li>
  </ul>
</script>

在 html 中

<ul>
   <li ng-repeat="item in items" ng-include="'namVal'"></li>
</ul>  

@alexandernst 使用 Plunkr 示例更新 http://plnkr.co/edit/dKlrvtYH1IbQXFUEk2Wx?p=preview