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