如何在不使用ng-template和ng-container的情况下使用* ngFor循环遍历多个tr？

Question

  <table>
          <thead>
            <tr>
              <th>Name</th>
              <th>Desc</th>
             </tr>
          </thead>

          <tbody>
            <ng-container *ngFor="let prospect of listData;let rowIndex=index;">
           <tr>
                <td></td>
                <td></td>

            </tr>
            <tr *ngIf="IsOpen">
                <td colspan="2">
                  <div>
                    Edit template
                  </div>
                </td>
              </tr>
           </ng-container>
          </tbody>
        </table>

目前我正在使用ng-container创建连续的行但是当我在ng-container上使用ng2-dragula时遇到问题。请建议任何其他方法为listData中的每个项创建这两行。

Answer 1

为这部分制作一个组件：

`<tr>
            <td></td>
            <td></td>

        </tr>
        <tr *ngIf="IsOpen">
            <td colspan="2">
              <div>
                Edit template
              </div>
            </td>
          </tr>

`

然后对其进行ngFor：

<tbody> <prospect [isOpen]="IsOpen" *ngFor="let prospect of listData;let rowIndex=index;"> </prospect> </tbody>

您可以根据需要添加输入（例如prospect）并输出。