Angular 2 *ngFor 跨越多个 table 行

Question

我有一个带有可展开行的 table，需要在单击父行时填充展开的行。我尝试使用以下解决方案：

<template ngFor let-row [ngForOf]="rowsArray">
<tr class="parent-row-class">
  <td> //content </td>
</tr>
<tr class="expandable-row-class">
  <td> //display when top row clicked </>
</tr>

除了 WebStorm 将此语法标记为错误之外，此代码的问题是：

1. 打开行后，它可能会在我单击的行下方打开 10 行。
2. 如果我将行限制为只有几行，那么一些行可能会消失，如果 他们上方的行已打开。这可能会持续到只有 第一行和第二行仍然存在，即使这样也只有第一个可扩展 行将有内容。

这种语法在过去几个月中是否发生了变化，或者是否有其他方法可以处理其中一个或两个问题？

提前致谢。

Answer 1

将 <template> 更改为 <ng-container> 对于解决问题至关重要。感谢@Christopher Moore 的建议。