具有特定规范的嵌套（* ng-for table）表

Question

我正在努力实现下图所示的图表。我能够让“单行”部分工作，但是标题都不合适。我惨遭失败，试图达到要求。任何好的指示或帮助都会让我在和平中睡一小时：D。

Basicall，“单行”部分正在以角度2重复* ng-for，其中值来自Rest API。

更新：我能够让静态工作。但不确定如何使用* ng-for重复行（单行）。

http://jsfiddle.net/gzTCL/

寻找喜欢的东西 - （低于一个是无效的，但这是对所寻找内容的解释）

<tr *ngFor="">
    <td>test</td>
    <td>test</td>
    <td>test</td>
    <tr class="extra">
     <td colspan="3">test</td>
    </tr>
</tr>

Answer 1

您的代码无效，因为<tr>无法嵌套到另一个<tr>

中

尝试使ng-container允许您拥有2个邻居tr元素

<ng-container *ngFor="">
  <tr>
    <td>test</td>
    <td>test</td>
    <td>test</td>
  </tr>
  <tr class="extra">
    <td colspan="3">test</td>
  </tr>
</ng-container>