angular - 在 Ion-List 上显示数据

Question

所以基本上我试图在单击按钮后在列表中显示 2 条信息。我正在这样做：

         <ion-item>
           <ion-label position="float" >Hora</ion-label>
           <ion-input [(ngModel)]="hora1" type="number"></ion-input>
         </ion-item>
       </div>

         <ion-item>
         <ion-label position="float">Minuto</ion-label>
         <ion-input [(ngModel)]="minuto1" type="number"></ion-input>
       </ion-item>
       <ion-button expand="block" (click)="SaveInformations()">Save</ion-button>



   <ion-list>
    <ion-item *ngFor="let alarme of alarmeList">
     {{alarme.hora1}} - {{alarme.minuto1}}
    </ion-item>
  </ion-list>

和 .ts 文件：

alarmeList: any [] =[];

    SaveInformations(){

     let data = {alarmeList: this.alarmeList}
      this.alarmeList.push(data);

    }

但是当我单击按钮时，列表会填充空白。我做错了什么？

标签： angularionic-framework

Answer 1

试试这个：

    alarmeList: any [] =[];
    hora1: any;
    minuto1: any;

    SaveInformations(){

     let data = {hora1: this.hora1, minuto1: this.minuto1}
      this.alarmeList.push(data);

    }