Ionic弹出框样式页面名称及viewDidLeave事件异常疑问

1. Ionic弹出框样式页面的名称是什么？ #

在Ionic 3.x中，官方的弹出框（Popover）是通过PopoverController创建的自定义组件，这类组件的名称完全由你在生成时定义——比如你代码里提到的SelectPopover就是一个自定义弹出框页面的类名。如果是指Ionic内置的弹出框基础组件，对应的控制器是PopoverController，而弹出框的视图本身是你自己编写的页面组件，没有固定的“系统默认名称”。

2. Ionic 3.9.2中viewDidLeave监听下拉菜单时的问题处理 #

看你这段全局监听viewDidLeave的代码，应该是遇到了点击原生<select>下拉菜单时逻辑判断出错的情况吧？毕竟原生<select>的选项列表并不是Ionic的Popover或页面组件，所以你的pageName判断逻辑会拿到非预期的值，甚至可能误执行后续操作。

给你几个实用的调整方案：

• 精准过滤Ionic视图：原生<select>的下拉弹窗不属于Ionic的NavView管理范围，你可以加一层判断，只处理带有Ionic页面标识的视图，比如：

this.appCtrl.viewDidLeave.subscribe((view)=> { 
  let pageName;
  // 优先通过实例构造函数获取名称，更可靠
  if (view.instance && view.instance.constructor.name) {
    pageName = view.instance.constructor.name;
  } else if (view.data?.component?.name) {
    pageName = view.data.component.name;
  } else if (view.component?.name) {
    pageName = view.component.name;
  }

  // 排除目标弹出框，同时排除无名称的原生视图（比如select下拉）
  if (pageName === 'SelectPopover' || !pageName) return; 
  // ... 后续操作
})

• 放弃全局监听，改用页面级生命周期：与其在appCtrl上全局监听，不如在每个需要处理离开逻辑的页面中，直接使用页面自身的ionViewDidLeave钩子函数。这样完全不会被原生组件的弹窗干扰，逻辑更清晰。
• 打印视图结构排查：你可以在回调里先console.log(view)，看看点击<select>时返回的view对象具体有哪些属性，然后针对性地添加排除条件——比如如果这类原生视图的component属性为空，就直接跳过。

内容的提问来源于stack exchange，提问作者Sensei James