如何在 ng-repeat 中有多行

Question

我有一个 AngularJS 应用程序。

我有一个页面，我正在显示一个信息表供用户编辑。

但是，页面上的列太多了。我想将 1 列或多列移动到它们自己的行中。

下面基本上是我目前正在做的事情。如何将“item.info10”移动到它自己的行中？ colspan=10?

<table class="table table-condensed table-striped">
   <tbody>
      <!--Headers-->
      <tr>Header 01</tr> .... <tr>Header 10</tr>

    <!--Details-->
    <tr ng-repeat="item in vm.myList">
        <td><class="form-control input-sm" type="text" ng-model="item.info01" /> </td>
        ...
        <td><class="form-control input-sm" type="text" ng-model="item.info10" /> </td>
    </tr>
</tbody>
</table>

Answer 1

在 Angular 中你可以使用

ng-container

，我不熟悉 AngularJS 语法，但它应该是这样的

<table class="table table-condensed table-striped">
   <tbody>
      <!--Headers-->
      <tr>Header 01</tr> .... <tr>Header 10</tr>

    <!--Details-->
    <tr ng-repeat-start="item in vm.myList">
        <td><class="form-control input-sm" type="text" ng-model="item.info01" /> </td>
        ...
    </tr>
    <tr ng-repeat-end>
        <td colspan="10"><class="form-control input-sm" type="text" ng-model="item.info10" /> </td>
    </tr>
</tbody>
</table>