如何防止在離子模式之外單擊時模態消除？

Question

我正在構建一個簡單的移動應用程序，在主頁和模態頁面之間傳遞數據。雖然它在移動設備上效果很好，但在大屏幕上，該模式並不能滿足整個屏幕。因此，用戶可以在屏幕外單擊以消除不會觸發任何我應該在模態關閉時觸發的功能的模態。我的問題是，如何禁用點擊模式外。我不希望模型在點擊外部時解散，但只有當我的「關閉」按鈕被點擊時。我的模式被設置爲：

主頁上：

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

在ModalPage：

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

我覺得這應該是很簡單的東西，但我不能在網上找到的任何資源，而Ionic 2 Doc不太清楚。請幫忙。

Answer 1

在創建模態（link to docs）時使用選項。

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