2017-07-21 23 views
2

私は、ホームページとモーダルページの間でデータをやりとりするシンプルなモバイルアプリを構築しています。モバイルでは大画面でうまく動作しますが、モーダルは画面全体を満たしません。したがって、ユーザーはモーダルを解除するために画面の外側をクリックすることができます。これは、モーダル解除でトリガーするはずの機能を起動しません。私の質問は、どのようにモーダルの外側をクリックして無効にするかです。モーダルをクリックして外に出すのをやめさせるのは私の「閉じる」ボタンがクリックされたときだけです。ホームページにIonicのモーダル外でクリックするとモーダルを消すのを防ぐには?

:私のモーダルは以下のように設定されているModalPageで

open(){ 
    let modal = this.modalCtrl.create(ModalPage, 
     { 
      firstName: this.user.firstName, 
      lastName: this.user.lastName, 
      location: this.user.location 
     }); 
    modal.onDidDismiss(data => { 
      this.user.firstName = data.firstName; 
      this.user.lastName = data.lastName; 
      this.user.location = data.location; 
    }); 
    modal.present(); 
} 

を:

closeModal() { 
    let data = { 
     firstName: this.user.firstName, 
     lastName: this.user.lastName, 
     location: this.user.location 
    } 
    this.viewCtrl.dismiss(data); 
} 

私はこのように感じる非常に単純なものでなければなりませんが、私はオンラインリソースを見つけることができませんIonic 2 Docはあまり明確ではありません。助けてください。

答えて

5

モーダル(link to docs)を作成するときは、オプションを使用してください。

let modal = this.modalCtrl.create(ModalPage, { data: data }, { enableBackdropDismiss: false }); 
+0

ああ、enableBackdropDismissはオブジェクトとして入る必要があります。もちろん!ありがとうございました! –

関連する問題