当我更改选项卡时，离子选择不会再次加载名称

Question

当我更改选项卡，然后返回到 ionic 中的旧选项卡时，我设置的选择字段变为空，即使页面仍在加载并且 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 在我返回 tab 时不会重新加载，只有当我再次单击它时。

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();
  }
}

Answer 1

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

.ts

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

  }