Ionique 2 - récupérer des données à partir modal

J'ai un composant qui est ma principale de l'interface. À l'intérieur de ce composant, en cliquant sur un bouton ouvre ionique 2 modal qui permet de choisir les éléments.

Mon modal page (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() doit:

  • Envoyer des données au mon principal composant de l'interface
  • Fermer la modale
  • Exécuter une méthode dans mon interface principale

Comment je peux effectuer de telles actions? Ne pouvais pas trouver toute la documentation sur la communication entre le modal et de la composante Ionique 2.

Envoi de données à partir modal vers le composant est pas en charge ionique dans les 2. J'utilise de la partie cachée de ma page à la place.

OriginalL'auteur TheUnreal | 2017-01-07

  1. 45

    C'est simplement une question de l'utilisation de paramètres dans viewController.

    Dans votre interface principale composante,

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

    Dans votre modal page,

    useItem(item) {   
  this.viewCtrl.dismiss(item);
}

    Modal Contrôleur de lien ici

    OriginalL'auteur Suraj Rao