Ionic2 如何创建模板数组

我需要创建一个时间表。为此，我需要重复卡片

我已经创建并设法显示我想要的卡片模板

但现在我需要重复一遍。。。我现在没有BD，所以首先我要创建应用程序的前端，所以现在我只需要创建一个简单的数组，将我的模板重复x次

这是我的HTML：

  <ion-list>
    <enviouTemplate [cardEnviou]="enviouCard" *ngIf="buttonClicked1"></enviouTemplate>
    <recebeuTemplate [cardRecebeu]="recebeuCard" *ngIf="buttonClicked2"></recebeuTemplate>
  </ion-list>

父TS现在没有任何代码，这完全是通过将子TS直接用于HTML来实现的

我怎样才能使卡片重复

ngIf在那里，因为有两种卡，所以不要介意

---

非常感谢

我设法让它工作，现在它是这样的：

HTML:

但我现在的问题是关于我读到的一些东西，在离子列表中使用NGF不是一个好的实践

那么我应该如何构建html呢

---

有一点需要指出，我需要使用ngIf，因为我有两条时间线，只有在选择按钮时才会显示，我发现应用程序不接受同一元素中的ngFor和ngIf…

您是否尝试了

*ngFor

？将*ngFor与ng内容作为父元素，但我不明白父元素中数组的sintax如何

<ion-list *ngFor="let card of cards">
    <enviouTemplate  [cardEnviou]="card" *ngIf="buttonClicked1"></enviouTemplate>
    <recebeuTemplate [cardRecebeu]="card" *ngIf="buttonClicked2"></recebeuTemplate>
</ion-list>

cards : any = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];