【问题标题】:Ionic- need an event after page is backed离子 - 支持页面后需要一个事件
【发布时间】:2017-11-16 22:14:13
【问题描述】:

我需要一个支持的页面事件。 支持页面时不会触发 IonWillEnter 或 ionViewDiEnter 事件。 离子框架似乎只是在单击后退按钮时显示页面。 你愿意教我吗? 对不起我的英语不好。

谢谢

【问题讨论】:

  • ionViewDidEnter() 应该可以工作。请提供一些代码。
  • 您有 2 页 Page1 和 Page2。您现在位于第 2 页。当您触摸返回按钮时,它会返回到 Page1。您想在 Page1 还是 Page 2 中触发事件?

标签: ionic-framework ionic2 ionic-view ionic3


【解决方案1】:

供您参考.. Ionic 2 生命周期方法

ionViewDidLoad - 工作方式与 ngOnInit 相同,当视图打开时触发一次 最初加载到 DOM 中

ionViewWillEnter 和 ionViewDidEnter - 在页面激活之前和之后可用的钩子

ionViewWillLeave 和 ionViewDidLeave - 在页面离开视口之前和之后可用的钩子

ionViewWillUnload - 在页面从 DOM 中移除之前可用

您应该使用 ionViewWillLeave / ioniViewDidLeave 来跟踪页面返回/关闭事件

【讨论】:

  • 让我详细解释一下。我在第 1 页。然后我转到第 2 页。然后我通过单击“返回”按钮返回第 1 页。在 page1 上,我如何知道该页面已被支持?
  • 然后,你可以使用ionViewWillEnter(page1将进入)或ionViewDidEnter(page1完全加载后)。
  • 在page1中放置ionViewDidEnter方法。在 page2 中点击返回按钮后,您可以在 ionViewDidEnter 方法中尝试 console.log。如果您认为这有帮助,请点赞。 Tq 反正。
【解决方案2】:

根据https://ionicframework.com/blog/navigating-lifecycle-events/

ionViewWillEnter:进入页面时触发,在它变为活动页面之前。将它用于每次进入视图时想要执行的任务(设置事件侦听器、更新表等)。

ionViewDidEnter:进入页面时触发,在它成为活动页面之后。和上一个差不多。

所以你可以使用以上任何一种。在这种情况下,我更喜欢 ionViewDidEnter,因此如果您调用任何 API,屏幕渲染速度会更快。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-08-12
    • 1970-01-01
    相关资源
    最近更新 更多