आयनिक 2 - मोडल

Question

से डेटा प्राप्त करें मेरे पास एक घटक है जो मेरा मुख्य इंटरफ़ेस है। इस घटक के अंदर, एक बटन पर क्लिक करने से आयनिक 2 मोडल खुलता है जो आइटम चुनने की अनुमति देता है।

मेरे मोडल पेज (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() चाहिए:

• मेरी मुख्य इंटरफ़ेस घटक
• को आइटम डेटा भेजें बंद मोडल
• अपने मुख्य में एक विधि निष्पादित इंटरफ़ेस

मैं ऐसे कार्यों को कैसे कर सकता हूं? Ionic 2 में मोडल और घटक के बीच संचार के बारे में कोई दस्तावेज नहीं मिला।

Answer 1

यह viewController में पैरामीटर का उपयोग करने की बात है।

अपने मुख्य इंटरफ़ेस घटक में,

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

अपने मोडल पृष्ठ में,

useItem(item) { 

    this.viewCtrl.dismiss(item); 
} 

मोडल नियंत्रक लिंक here