Javascript 嵌套ng重复开始/ng重复结束

ng repeat start

/

ng repeat end

用于在不呈现父元素的情况下循环数据。在本例中，我希望在嵌套的

ng repeat start

/

ng repeat end

块中显示数据，而不显示额外的元素

我试图将两个

ng repeat start

指令放在同一个元素中，但无法正确显示。我不知怎么想出了一个解决办法，如下所示。对于这种情况有更好的解决方案吗

数据

[{
    name: 'Chapter 1',
    sections: [{
        name: '1-1',
        words: 1024
    }, {
        name: '1-2',
        words: 512
    }]
}, {
    name: 'Chapter 2',
    sections: [{
        name: '2-1',
        words: 2048
    }, {
        name: '2-2',
        words: 256
    }]
}]

html

<tr class="tr-for" ng-repeat-start="chapter in main.book"></tr>
  <tr ng-repeat-start="section in chapter.sections" ng-repeat-end>
    <td>{{chapter.name}}</td>
    <td>{{section.name}}</td>
    <td>{{section.words}}</td>
  </tr>
<tr class="tr-end" ng-repeat-end></tr>

---

您的内部ng重复应为常规ng重复：

<tr class="tr-for" ng-repeat-start="chapter in main.book"></tr>
    <tr ng-repeat="section in chapter.sections">
        <td>{{chapter.name}}</td>
        <td>{{section.name}}</td>
        <td>{{section.words}}</td>
    </tr>
<tr class="tr-end" ng-repeat-end></tr>

{{章名}}
{{section.name}}
{{section.words}}

更新

尝试使用第一个ngRepeat-inside-of tbody标签：

<tbody ng-repeat="chapter in main.book">
  <tr ng-repeat-start="section in chapter.sections" ng-repeat-end>
    <td>{{chapter.name}}</td>
    <td>{{section.name}}</td>
    <td>{{section.words}}</td>
  </tr>
</tbody>

{{章名}}
{{section.name}}
{{section.words}}

你说得对。但是有没有办法不使用css文件隐藏父元素呢？这似乎不适用于任意深度的ng包含

<tbody ng-repeat="chapter in main.book">
  <tr ng-repeat-start="section in chapter.sections" ng-repeat-end>
    <td>{{chapter.name}}</td>
    <td>{{section.name}}</td>
    <td>{{section.words}}</td>
  </tr>
</tbody>