Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/google-apps-script/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Tabs 如何在ionic 4中刷新选项卡_Tabs_Ionic4 - Fatal编程技术网

Tabs 如何在ionic 4中刷新选项卡

Tabs 如何在ionic 4中刷新选项卡,tabs,ionic4,Tabs,Ionic4,我在爱奥尼亚4中有一个主-详细选项卡,主选项卡获取我在详细页面中创建的项目列表,但是当我创建一个项目并返回到选项卡页面时,它不会自动刷新。 我尝试过使用ionDidEnter、ionWillEnter,,但没有任何效果 这是我的代码详细信息页面: async saveActividad() { await loading.present().then(async () => { await this.db.insertItem(item); this.ro

我在爱奥尼亚4中有一个主-详细选项卡,主选项卡获取我在详细页面中创建的项目列表,但是当我创建一个项目并返回到选项卡页面时,它不会自动刷新。 我尝试过使用
ionDidEnter、ionWillEnter,
,但没有任何效果

这是我的代码详细信息页面:

async saveActividad() {

    await loading.present().then(async () => {
      await this.db.insertItem(item);
      this.router.navigateByUrl('/tabs/tab1');
    });
}
这是我在母版页
(“tab1”)


事件方法调用中有一个输入错误

而不是:

ionWillEnter() {
     // todo
}
ionViewWillEnter() {
     // todo
}
试试看:

ionWillEnter() {
     // todo
}
ionViewWillEnter() {
     // todo
}
爱奥尼亚页面事件解释

名称-说明

  • ionViewWillEnter-当要在视图中设置元件布线动画时激发
  • IonViewDiCenter-在元件布线到完成动画制作时激发
  • ionViewWillLeave-在将要对来自的组件布线设置动画时激发
  • ionViewDidLeave-在组件路由到完成动画制作时激发
2) 或者,如果只有选项卡是非基于组件的html,则可以使用*ngIf指令并在返回true之前调用一个方法:

例如:


async showIfAvailable(){
this.list=等待this.db.getItems();
如果(列表){
返回true;
}
}
调用函数时刷新数据


-致以最诚挚的问候。

是的,它只在页面中起作用,但在页面中不起作用tabs@JonathanLopezLondoño如果您的选项卡是一个组件,它将工作(tab1.component.ts)。那个选项卡显示什么?不,我的选项卡来自选项卡模板,它们没有组件。ts@JonathanLopezLondoño那么,您应该按照文档中的说明创建具有路由的各个组件:您还可以利用延迟加载、带有动画的转换和lyfe挂钩(路由传递)。阅读我的最新更新(在这种情况下,您也可以选择)。