在单个ng重复中创建多个td

Create multiple td in a single ng-repeat

本文关键字：创建 td 单个 ng      更新时间：2024-06-08

我在构建表时遇到问题。

现在我有这样的代码：

<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重复移到外部。类似于：

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

我该怎么做？

试试这个。。

<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

使用<tr>中的<table>构建两列

<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>
相关文章：