2017-02-08 1 views
0

今日私はAngular 2 Stackを使ってイオン2ページを扱っています。 私はいくつかの(アイコン)を持つnavbarを持っており、そのうちの2つはPopoverを開くべきです。イオン2 - 複数のpopovers on Page

私の質問は、1ページに複数のポーカーを処理する方法ですか?同時に2つのポップオーバーを表示しないようにするには(は常に1つしか表示されません)?次のようにドキュメントから

デフォルトのコードは次のとおり

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(); 
    } 
} 
+0

あなたは、複数のポップオーバーが必要ですが、あなたの例では、1つのポップオーバーでの作成のみを示しています。私はこれをテストしていませんが、popoverの名前を関数 '(click)=" presentPopover(myPopover) "'に渡し、すべてのポップオーバーと '.dismiss()'をループします。 –

答えて

0

コードの行:

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

がポップオーバーのインスタンスへのハンドルを作成しています。別のポップオーバーを作成するには、別の名前の別のハンドルを作成します。

例:

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

今、あなたはpopoverpopover2のいずれかを参照することにより、いずれかのポップオーバーを制御することができます。これらのハンドルをBoolean isActiveフラグと一緒にコレクションのいくつかの形式にマップし、それらを比較することができます。