当我更改选项卡时,ion-select不会再次加载名称

时间:2017-09-18 16:28:55

标签: angular typescript ionic-framework ionic3

当我更改选项卡,然后返回离子中的旧选项卡时,我设置的选择字段变为空,即使页面仍然加载并且var被填充。

<ion-header color="primary">
  <ion-navbar>
    <ion-title>Planilha</ion-title>
    <ion-item color="primary">
      <ion-label>Períodos</ion-label>
      <ion-select [(ngModel)]="periodoSelecionado" (ionChange)="filtraPeriodo()">
        <ion-option *ngFor="let p of periodos" [value]="p">{{p.nome}}</ion-option>
        <b>p.nome</b>
      </ion-select>
    </ion-item>
  </ion-navbar>
  <ion-searchbar color="primary" (ionInput)="getItems($event)"></ion-searchbar>
</ion-header>

在这种情况下,当我更改tabe时,只有当我再次点击它时,p.nome才会重新加载。

TS文件:

ionViewDidEnter() {
  this.storage.get('apenasMinhasAtividades').then((confApenasMinhasAtividades) => {
    if (confApenasMinhasAtividades == null) {
      this.confApenasMinhasAtividades = false;
    } else {
      this.confApenasMinhasAtividades = confApenasMinhasAtividades;
    }
  });
  this.getPlanilha(true, true);
}

getPlanilha(carregarBanco?: boolean, filtraPeriodo?: boolean) {
  if (filtraPeriodo == true) {
    this.filtraPeriodo();
  }
}

1 个答案:

答案 0 :(得分:0)

您需要在this.getPlanilha(true, true);内调用此方法promise,如下所示。

.TS

ionViewDidEnter() {
    this.storage.get('apenasMinhasAtividades').then((confApenasMinhasAtividades) => {
      if (confApenasMinhasAtividades == null) {
        this.confApenasMinhasAtividades = false;
      } else {
        this.confApenasMinhasAtividades = confApenasMinhasAtividades;
      }
      this.getPlanilha(true, true);
    });

  }