时间戳

首页 > 解决方案 > ionic ionchange 和 ngOnit 相同的方法，当我两次进入页面时，方法会调用 3 次，我该如何避免呢？

angular - ionic ionchange 和 ngOnit 相同的方法，当我两次进入页面时，方法会调用 3 次，我该如何避免呢？

问题描述

我的代码 html 是

 <ion-col>
        <ion-datetime displayFormat="YYYY-MM-DD" [(ngModel)]="startDate" cancelText="取消" doneText="完成"
                      (ionChange)="getOrder()"></ion-datetime>
      </ion-col>
      <ion-col>
        <ion-button color="dark" disabled size="small" shape="clear">
          ~
        </ion-button>
      </ion-col>
      <ion-col>
        <ion-datetime displayFormat="YYYY-MM-DD" [(ngModel)]="endDate" cancelText="取消" doneText="完成"
                      (ionChange)="getOrder()"></ion-datetime>
      </ion-col>

我的 ts 是

 ngOnInit() {
    this.getOrder();
  }
  getOrder(){

    ....
  }

首先进入页面getOrder方法调用一次，但是当我再次进入页面时。它调用了三遍我怎样才能避免它？

标签： angularionic4

解决方案

我发现了问题；ionChange 导致问题，我已将其替换为 ngModelChange

推荐阅读