Как обновить вкладки в ionic 4

Question

У меня есть вкладка "Основные данные" в ionic 4, главная вкладка получает список элементов, которые я создал на странице сведений, но когда я создаю элемент и возвращаюсь на страницу вкладки, он необновить автоматически.Я пытался использовать ionDidEnter, ionWillEnter,, но ничего не работает.

Это мой код на странице сведений:

async saveActividad() {

    await loading.present().then(async () => {
      await this.db.insertItem(item);
      this.router.navigateByUrl('/tabs/tab1');
    });
}

И это мой код на главной странице ("tab1")

ionViewWillEnter() {

      this.db.getItems()
      .then(
        (data) => {
          if (data !== '') {
            this.list = data;
          }
        }
      );
}

Answer 1

В вызове метода события указан TyPo.

Вместо:

ionWillEnter() {
     // todo
}

Попробуйте:

ionViewWillEnter() {
     // todo
}

Описание событий Ionic Page

Имя - Описание

• ionViewWillEnter - Запускается, когда происходит маршрутизация компонента на анимациюв поле зрения.
• ionViewDidEnter - Срабатывает, когда маршрутизация компонента завершена с анимацией.
• ionViewWillLeave - Срабатывает, когда происходит маршрутизация компонента из анимации.
• ionViewDidLeave - запускается, когда заканчивается маршрутизация компонента.

2) Или, если только ваши вкладки являются только некомпонентными html, вы можете поиграть с директивой * ngIfи вызовите метод перед возвратом true:

Например:

<section class="master-detail" *ngIf='showIfAvailable();'></section>

async showIfAvailable() {
      this.list = await this.db.getItems();
      if (list) {
          return true;
     }
}

Обновите данные при вызове функции!

- Наилучшие пожелания.