Ionic2でカスタムフルスクリーンモーダルを作成する方法

Question

Ionic2でカスタムフルスクリーンローダーコンポーネントを作成したいと思います。しかし私のモーダル部門はヘッダー/ナビバー領域をカバーしていません。私はそれが私のアプリのすべてをカバーするIonic LoadComponentのようになりたいと私のテンプレート変数を持っている。画像をご覧ください。

私のモーダルCSSは助けてください

#modal{ 
    width: 100%; 
    height:100%; 
    position: absolute; 
    z-index: 100; 
    background: red; 
    top: 0px; 
    left: 0; 
} 

です。

EDIT 私ModalPageは、ナビゲーションバー

<ion-header> 
<ion-navbar primary> 
    <button menuToggle> 
     <ion-icon name="menu"></ion-icon> 
    </button> 
    <ion-title>Hello Ionic</ion-title> 
    </ion-navbar> 
</ion-header> 

EDIT

私はこのための回避策を見つけています。私はちょうどIonic2 Popoverを使用し、Popoverは100％幅+高さ、フルスクリーンを与えます。ボタンをクリックするとモーダルポップオーバーが呼び出され、100％ダウンロードすると消滅します。

Answer 1

モーダルをフルスクリーンにするには、そのスタイルルールは必要ありません。 this plunkerをご覧ください。

あなたがSEができるよう、HomePageは、ナビゲーションバーが含まれていますが、ModalPage htmlコードはそれでちょうど

<ion-content></ion-content> 

で、ちょうどモーダルフルスクリーンでなければなりませんbackground-color

ion-page.modal-page ion-content { 
    background-color: red; 
} 

を変更、navbarを表示せずに。