无法在使用离子阵列添加多个对象

Question

我想在存储阵列中的多个对象，但我只能存储一个对象在同一时间。我想补充由用户选择多个日期，并将它们保存在一个数组，但每当我添加了第二日起将替换第一个。 我的HTML代码为：

  <div class="appointmensts">
     <ion-label>Appointmensts</ion-label>

     <ion-row>
       <ion-col col-8>
          <ion-item>
              <ion-datetime placeholder="dd-mm-yyyy" displayFormat="YYYY-MM-DD"   [(ngModel)]="addServices.appointment_dates" ></ion-datetime>
            </ion-item>
       </ion-col>
       <ion-col><span><button (click)="addService()"><ion-icon><img src="../../../assets/img/addservice.png" alt=""></ion-icon>Add</button></span></ion-col>
     </ion-row>
   </div>

我的.ts的代码是：

public addServices: {  service_name: string , price: string, duration : string ,unit : string,  appointment_dates : Array<AnalyserNode>} = {


    service_name : '',
    price : '',
    duration : '',
    unit : '',
    appointment_dates : []


  }



  addService(){



  console.log(this.addServices.appointment_dates);

  }

Answer 1

也许你可以使用例如appointment_tmp;一个新的变量绑定你的[（ngModel）]

然后在你的addService（）

this.addServices.appointment_dates.push(this.appointment_tmp);

working example