2017-01-07 17 views
11

Ana arayüzüm olan bir bileşenim var. Bu bileşenin içinde, bir düğmeyi tıklatarak öğeleri seçmeyi sağlayan iyonik 2 modal açılır.İyonik 2 - Veriyi geri alın modal

Benim modal sayfası (itemsPage):

..list of items here 

    <button ion-button [disabled]="!MY_TURN || !selectedItem || !selectedItem.quantity" 
     (click)="useItem(selectedItem)"> 
     <span>Choose item {{selectedItem?.name}}</span> 
     </button> 

useItem() olmalıdır:

  • modal
  • benim ana bir yöntem Yürütme kapatın benim ana arayüzü bileşeni
  • için öğe veri gönderme arabirim

Bu tür eylemleri nasıl yapabilirim? Modal ve bileşen arasındaki iletişim hakkında herhangi bir belge bulamıyor.

+0

Sayfamda bazı gizli bölümleri kullan. –

cevap

26

Bu sadece viewController parametrelerinin kullanılmasıyla ilgilidir. ana arayüzü bileşeninde

, sizin modal sayfasında

let chooseModal = this.modalCtrl.create(itemsPage); 
    chooseModal.onDidDismiss(data => { 
    console.log(data); 
    }); 
    chooseModal.present(); 

,

useItem(item) { 

    this.viewCtrl.dismiss(item); 
} 

Modal Kontrolörü bağlantı iyonik 2. I destek değil bileşene modal veri gönderme here

+0

TheUnreal'ın, moddan bileşene veri göndermesi gerekir. –

+1

evet .. ondiddismiss içinde bir geriçağırım ayarladığınızda ... kipte, siz verdiğiniz gibi veri gönderiyorsunuz –

+1

Bunu kontrol edin .. ya da gerekirse daha sonra bir plunker eklemeye çalışacağım .. @theUnreal –

İlgili konular