ionViewWillEnter 在进入页面时不起作用

Posted

技术标签:

【中文标题】ionViewWillEnter 在进入页面时不起作用【英文标题】:ionViewWillEnter doesn't work on entering the page 【发布时间】:2021-01-30 23:55:29 【问题描述】:

正如标题所示,一旦我访问页面本身,我的函数就不会触发。我有一个应该将我重定向到另一个页面的按钮,但页面本身没有加载,也没有加载该功能。目前的代码如下所示:

import Component from "@angular/core";
import NavController, AlertController from "ionic-angular";

@Component(
  selector: 'page-patch-notes',
  templateUrl: 'patch-notes.html'
)

export class PatchNotes 

  constructor(private nav: NavController, private alertCtrl: AlertController) 
  

  ionViewWillEnter() 
    let alert = this.alertCtrl.create(
      title: 'Patch Notes',
      message: "Introduceti adresa de email pentru a va trimite un link de resetare parola.",
      buttons: [
        
          text: 'Anulati',
          handler: data => 
            console.log('Cancel clicked');
          
        ,
        
          text: 'Ok',
          handler: data => 
            console.log('Ok clicked');
          
        ,
      ]
    );
    alert.present();
  

【问题讨论】:

你确定这是一个离子page 而不是一个简单的角度component?通常离子页面遵循名称模式.page.ts.page.html 在 IonViewDidEnter 中试试? 【参考方案1】:

很可能在页面加载之前就创建并显示了警报控制器。 Ionic lifecycles states 他的钩子开火了

在“开始页面转换”和“页面完全转换”阶段之间。

我已经成功地将这种逻辑与ngOnInit 联系起来。您需要将您的课程定义更新为export class PatchNotes implements OnInit。没有这样做的事实表明,fransicso neto 的建议也可能是准确的。如果您还没有,最好使用Ionic CLI 生成页面。

【讨论】:

以上是关于ionViewWillEnter 在进入页面时不起作用的主要内容,如果未能解决你的问题,请参考以下文章

ionic

动态路由在使用 Next.js 刷新页面时不起作用

Nuxt.js 自定义角色中间件在页面刷新时不起作用

ionic2 生命周期

在 AWS Amplify 控制台上部署为 SPA 后,Nuxtjs 动态路由在页面重新加载时不起作用

useEffect 中的套接字连接事件在创建组件时不起作用,但在 React 中刷新页面后起作用