Ionic 4 Pass данных НАЗАД из модальных неопределенных - PullRequest
Новая
       11

Ionic 4 Pass данных НАЗАД из модальных неопределенных

0 голосов
/ 01 марта 2019

Я пытаюсь создать модальное окно, передать ему радиогруппу, когда пользователь выберет одно значение из этой радиогруппы, а затем попросить модальную панель вернуть объект, который он выбрал.

страница группы радиостанций и html 

  export class PopoverstationsPage implements OnInit {

      cities :any

      constructor(public nav : NavController,public nav : NavController,public modalController: ModalController ,public router : Route) { }

      ngOnInit() {
        console.log(this.cities)
      }

      onRadioChange(cities: PopoverstationsPage):void {
    this.modalController.dismiss(cities);

      console.log(this.cities)
  }

    }

html 

<ion-list>
        <ion-radio-group (ionChange)="onRadioChange()" [(ngModel)]="cities">
            <ion-list-header>
                <ion-label>Name</ion-label>
            </ion-list-header>

            <ion-item>
                <ion-label>ميناء خصب</ion-label>
                <ion-radio slot="start" value="26.2105,56.244" ></ion-radio>
            </ion-item>

            <ion-item>
                <ion-label>مطار خصب</ion-label>
                <ion-radio slot="start" value="26.161722,56.23672"></ion-radio>
            </ion-item>
            <ion-item>
                <ion-label>دبا</ion-label>
                <ion-radio slot="start" value="25.615627,56.247322"></ion-radio>
            </ion-item>
            <ion-item>
                <ion-label>البريمي</ion-label>
                <ion-radio slot="start" value="24.233913,55.916176"></ion-radio>
            </ion-item>

        </ion-radio-group>
  </ion-list>

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

     export class HomePage implements OnInit {

              cities :any

              constructor(public nav : NavController,public modalController: ModalController) { }

              ngOnInit() {
                console.log(this.cities)
              }

            async openUserModal() {
           const modal = await this.modalController.create({
         component: PopoverstationsPage,
        componentProps: { cities: this.cities },
      });

      modal.onDidDismiss()
        .then((data) => {
          const user = data['cities']; // Here's your selected user!
          console.log(user)
      });

      return await modal.present();
    }


async test (){

  this.https.get('weather/'+this.cities+'.json')
  .subscribe(data => {

    this.weather = data

  })


}

 }

Я получил ошибку в журнале консоли undefined

Ответы [ 2 ]

0 голосов
/ 07 марта 2019

Этот код работает в ионном 4. 

 async presentModal() {
    let showModal = await this.modalCtrl.create({
      component: ModalPagePage,
      componentProps: { selectedDay : this.selectedDay }
    });
  await showModal.present();

  const { data } = await showModal.onDidDismiss();
  console.log("data is  "+ data);
  if (data) {
        let eventData = data;

      }
    }
0 голосов
/ 01 марта 2019

Внутри вашего обработчика onDidDismiss вы выходите из системы data['cities'], но вы возвращаете String в модальном режиме.Это означает, что вы запрашиваете свойство cities для типа String, то есть Object, поэтому оно возвращает undefined и не выдает ошибку.Должно быть решено ниже. 

 const user = data;
 console.log(user)
...