在单个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