Javascript 在一次ng重复中创建多个td

我做桌子有问题

目前，我有如下代码：

<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>

以前的一些tds
{{foo.v1}}（{{foo.v2}）
之后的一些tds

我真正需要的是在这里建立两个列。以某种方式将内部ng重复从元素移动到外部。比如：

<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>

以前的一些tds
{{foo.v1}}
{{foo.v2}
之后的一些tds

我该怎么做？

试试这个

<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>

以前的一些tds
{{foo.v1}}
{{foo.v2}
之后的一些tds

阅读更多关于

ng repeat start

和

ng repeat end

的信息，在

中使用
构建两列

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


以前的一些tds
富V1
Foo v2
{{foo.v1}}
{{foo.v2}
之后的一些tds
最终结构应该是什么样的？你的数据是什么？你能提供吗？