Ionic 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