Question

今天我正在使用Angular 2 Stack处理Ionic 2 Pages。我有少量（图标）的导航栏，其中两个应该打开一个Popover。

我的问题是：如何在一个页面上处理多个Popovers？如何防止同时出现两个弹出窗口（总是应该只有一个可见）？

doc中的默认代码如下：

import { PopoverController } from 'ionic-angular';
import { MyPopOverPage } from './my-pop-over';

export class MyPage {
  constructor(public popoverCtrl: PopoverController) {
  }

  presentPopover() {
    let popover = this.popoverCtrl.create(MyPopOverPage);
    popover.present();
  }
}

Answer 1

代码行：

let popover = this.popoverCtrl.create(MyPopOverPage);

正在创建弹出窗口实例的句柄。要创建另一个弹出框，只需创建另一个具有不同名称的句柄。

示例：

let popover2 = this.popoverCtrl.create(MyPopOverPage);

现在，您可以通过引用popover或popover2来控制任一弹出窗口。将这些句柄映射到某种形式的集合以及布尔isActive标志，然后您可以比较它们。

Ionic 2 - 页面上的多个弹出窗口

1 个答案: