如何在离子形式上动态创建按钮

Question

我想在ionic中动态创建按钮。我找不到任何相关信息。我试了几次快速测试，但都失败了。

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>