Блог

У меня есть модальный файл со списком разных звуков, пользователь должен выбрать один из них, а затем отобразить его на главной странице

модальная страница:

 <ion-content text-center>

<ion-card>
  <div data-tap-disabled="true">
    <audio preload="auto" controls #audio>
      <source src="/assets/musics/sound1.mp3">
      </audio>
  </div>

</ion-card>

<ion-card>  
    <div data-tap-disabled="true">
      <audio preload="auto" controls #audio>
        <source src="/assets/musics/sound2.mp3">
        </audio>
    </div>
  </ion-card>

</ion-content>
  

Как лучше всего это сделать?

ПРАВКА1: модальный ответ:

 modal.onDidDismiss().then((responseModal: OverlayEventDetail) =>{
      if(responseModal !== null){
        console.log(responseModal.data.music);
      }
    })
  

PS: Музыка — это просто источник самой музыки.

Вы должны создать другую страницу и установить onclick like <div (click)="onClickSound(audio)" data-tap-disabled="true"> и отправить звук в NavParams :

 onClickSound(sound) {
    this.navCtrl.push(OtherPage, {
        sound
    });
}