ionic 2でカスタムアラートを作成するには？

Question

ionic 2でカスタムアラートを作成する方法を教えてください。右上隅に画像を追加するとクリック可能になります

Answer 1

私はいつもカスタムモーダルページを作成しています。サイジングを含むモーダルのすべての側面を完全に制御できます。これは基本的にコントローラーとテンプレートを備えた単なるページで、実装するのも簡単です。

http://ionicframework.com/docs/v2/api/components/modal/ModalController/はあなたのすべてが

Answer 2

を設定してもらう必要があります 我々はApp.scssこのコード:)

ion-modal { 
    background-color: rgba(0, 0, 0, 0.5); 
    ion-content.content{ 
     top: 20%; 
     left: 10%; 

     width: 80%; 
     height: 50%; 
     border-radius: 10px; 
     .scroll-content { 
      border-radius: 20px; 
     } 
    } 
} 

を書くモーダル&を追加します。..モーダルにパディングを与えることによって、代わりに警告使用してのモードを使用することができます

Answer 3

私は以下を使用してモーダルサイズを取得しています。

.always-modal .modal-wrapper{ 
    background: rgba(0, 0, 0, 0.7); 
    width: 100%; 
    height: 100%; 
    left: unset !important; 
    top: unset !important; 
    .ion-page{ 
     margin:0 auto; 
     position: relative; 
     top:10%; 
     width: 75%; 
     height: 80%; 
    } 
} 

これらのプロパティを持つモーダルが必要なときは、次のモーダルオプションを使用します。

{ cssClass: "always-modal" } 

ユーザーが背景領域をタップすると、このモーダルを消す方法を理解できません。