Angular Nativescript w/NG2:*ngFor循环在GridLayout中创建行

我试图通过以下操作制作一张我认为简单的表格：

<GridLayout rows="auto" columns="*,*,auto" width="100%" class="table-body">
  <Label col="0" row="0" text="Date"></Label>
  <Label col="1" row="0" text="Previous Owner"></Label>
  <Label col="2" row="0" text="Price" horizontalAlignment="center"></Label>
  <template *ngFor="let sale of history; let i = index">
    <Label col="0" row="{{i+1}} [text]="sale.saleDate"></Label>
    <Label col="1" row="{{i+1}} [text]="sale.username"></Label>
    <Label col="2" row="{{i+1}} [text]="sale.price" horizontalAlignment="center"></Label>
  </template>
</GridLayout>

一些建议-您可以尝试使用角度绑定
[row]=“i”
（在代码后面而不是绑定中增加+1索引）

尽管如此，整个想法仍然可以用虚拟化的、支持回收现成模板和项目模板来表示。。性能优于ng结构指令。选择ListView而不是structural指令的原因已经得到了很好的解释

e、 g

虽然现在回答这个问题已经太晚了，但是对于困在这里的人来说

最好将标题本身作为数组的第一个元素放入数组中，并正常迭代GridLayout