在 Angular 2 模板的表格中显示一行及其子行

Question

我在我的项目中使用 Angular 2。我遇到了一个场景，其中我有一个项目列表，一个项目可能有子项目。我必须显示表格中的所有项目（包括子项目）。我对 tr 标签中的每个项目列表使用 *ngFor 。但是，由于我还必须显示子项目，因此我无法通过一个 *ngFor 来执行此操作。我可以采用什么方法来实现这一目标？正在寻找您的建议。请帮帮我。这是我想要显示的内容。

 items= [
    { name : 'bag', subitems: [{ name : 'pen' }, { name : 'pen1' }] },
    { name : 'chair' }
  ];

该表应具有以下行：

 bag
 pen
 pen1
 chair

请帮忙。

Answer 1

<div>
  <table>
    <ng-container *ngFor="let item of items">
      <tr>
        <td>{{item.name}}</td>
        <td>hi</td>
      </tr>
      <tr *ngFor="let subitem of item.subitems">
        <td>{{subitem.name}}</td>
        <td>hi</td>
      </tr>
    </ng-container>
  </table>
</div>