Angular 2 * ngFor跨多个表行

Question

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

<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提出的建议。