javascript - 在单个 ng-repeat 中创建多个 td

Question

我在构建表格时遇到问题。

目前我有这样的代码:

<tr ng-repeat="...">
    <td>Some tds before</td>
    <td ng-repeat="foo in allFoo()">
        {{foo.v1}} ({{foo.v2}})
    </td>
    <td>Some tds after</td>
</tr>

我真正需要的是在这里建立两列。以某种方式将内部 ng-repeat 从元素中移出并将其设置在外部。像这样:

<tr ng-repeat="...">
    <td>Some tds before</td>
    <foobar ng-repeat="foo in allFoo()">
       <td>{{foo.v1}}</td>
       <td>{{foo.v2}}</td>
    </foobar>
        <td>Some tds after</td>
</tr>

我该怎么做？

Answer 1

试试这个..

<tr ng-repeat="...">
    <td>Some tds before</td>
    <td ng-repeat-start="foo in allFoo()">{{foo.v1}}</td>
    <td ng-repeat-end>{{foo.v2}}</td>
    <td>Some tds after</td>
</tr>

了解有关 ng-repeat-start 和 ng-repeat-end 的更多信息，请访问 https://docs.angularjs.org/api/ng/directive/ngRepeat