如何在离子表单上动态创建按钮

Question

我想在离子中动态创建按钮。 我找不到这方面的任何信息。 我尝试了几个失败的快速测试。

  week = `      <ion-row>
    <ion-col>
      <ion-label (click)="showDate(11)">11</ion-label>
    </ion-col>
    <ion-col>
      <ion-label (click)="showDate(12)">12</ion-label>
    </ion-col>
    <ion-col>
      <ion-label (click)="showDate(13)">13</ion-label>
    </ion-col>
    <ion-col>
      <ion-label (click)="showDate(14)">14</ion-label>
    </ion-col>
    <ion-col>
      <ion-label (click)="showDate(15)">15</ion-label>
    </ion-col>
    <ion-col>
      <ion-label (click)="showDate(16)">16</ion-label>
    </ion-col>
    <ion-col>
      <ion-label (click)="showDate(17)">17</ion-label>
    </ion-col>
  </ion-row>`
  week2 = "      <ion-row><ion-col>  <ion-label (click)='showDate(11)'>11</ion-label></ion-col><ion-col>  <ion-label (click)='showDate(12)'>12</ion-label></ion-col><ion-col>  <ion-label (click)='showDate(13)'>13</ion-label></ion-col><ion-col>  <ion-label (click)='showDate(14)'>14</ion-label></ion-col><ion-col>  <ion-label (click)='showDate(15)'>15</ion-label></ion-col><ion-col>  <ion-label (click)='showDate(16)'>16</ion-label></ion-col><ion-col>  <ion-label (click)='showDate(17)>17</ion-label></ion-col></ion-row>"

基本上我需要根据传入的参数创建一个表单或页面，这可能会极大地改变表单的布局。 制作几十页确实效率低下。 它还将创建一个维护噩梦，每个按钮都有多个 if 语句，其中有许多可能可见也可能不可见的按钮。 有什么建议么？

Answer 1

由于您标记了 angular，我猜您正在使用它，因此您可以使用 *ngFor，如下面的代码：

<ion-list padding *ngFor="let item of items; let i = index">
        <ion-item (click)="showDate(i)">{{ i }}</ion-item>
</ion-list>