Javascript Ionic 2-第页有多个弹出窗口
今天我使用Angular 2 Stack处理Ionic 2页面。 我有几个导航栏（图标），其中两个应该打开一个弹出窗口 我的问题是：如何在一个页面上处理多个弹出窗口？如何防止同时显示两个弹出窗口（始终应仅显示一个） 单据默认编码如下：Javascript Ionic 2-第页有多个弹出窗口,javascript,angular,ionic2,Javascript,Angular,Ionic2,今天我使用Angular 2 Stack处理Ionic 2页面。 我有几个导航栏（图标），其中两个应该打开一个弹出窗口 我的问题是：如何在一个页面上处理多个弹出窗口？如何防止同时显示两个弹出窗口（始终应仅显示一个） 单据默认编码如下： import { PopoverController } from 'ionic-angular'; import { MyPopOverPage } from './my-pop-over'; export class MyPage { construct
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();
}
}
让popover=this.popopcovertrl.create（mypopopcoverpage）
正在创建popover实例的句柄。要创建另一个popover，只需创建另一个具有不同名称的句柄
例如：
让popover2=this.popoovertrl.create（mypopopooverpage）
现在，您可以通过引用popover
或popover2
来控制poover。将这些句柄与布尔isActive标志一起映射到某种形式的集合，然后您可以对它们进行比较。您声明需要多个弹出框，但您的示例仅显示了在一个弹出框上创建的内容。我没有对此进行测试，但可能会将popover名称传递到函数（单击）=“presentPopover（myPopover）”
，然后循环遍历所有的popover和。dismise（）
所有内容！不mypover