如何创建模板数组

Question

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

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

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

这是我的html：

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

父亲现在没有任何代码，这纯粹是通过直接将孩子ts用于HTML来工作的。

如何重复卡片？

NGIF在那里，因为会有两种卡片，所以不要介意。

非常感谢！

Answer 1

我设法使它起作用，现在是这样的：

html：

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

父级TS(仅用于测试(：

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

但是我现在的问题是关于我读过的东西，是在离子列表中使用NGFOR不是一个好习惯。

那么我应该如何构建HTML？

要指出的一件事，我需要使用NGIF，因为我有两个时间表仅在选择按钮时出现，并且我看到该应用程序在同一元素中不接受NGFOR和NGIF。。