Как перейти на следующую страницу со значениями после нажатия ion-select

Question

В настоящее время у меня есть этот ion-select, где, когда я щелкаю по нему, он переходит на следующую страницу, но он все еще показывает опцию ion-select-option.

Как мне удалить его и получить данные со следующей страницы обратно на предыдущую страницу?

вот как это выглядит сейчас

<ion-select value="1" (click)=gotoClass()>
        <ion-select-option value="1" selected=true>1</ion-select-option>
 </ion-select> 
 </div>

и следующая страница

<ion-content>
  <ion-radio-group>
<ion-item>
  <ion-list>1</ion-list>
  <ion-radio value="1"></ion-radio>
</ion-item>
<ion-item>
  <ion-list>2</ion-list>
  <ion-radio value="2"></ion-radio>
</ion-item>
<ion-item>
  <ion-list>3</ion-list>
  <ion-radio value="3"></ion-radio>
</ion-item>
<ion-item>
  <ion-list>4</ion-list>
  <ion-radio value="4"></ion-radio>
</ion-item>
<ion-item>
  <ion-list>5</ion-list>
  <ion-radio value="5"></ion-radio>
</ion-item>

Answer 1

Вы можете использовать ion-select изменить событие, как показано ниже:

<ion-select #ionselect value="1" (ionChange)="onSelectChange($event)">
    <ion-select-option value="1" selected=true>1</ion-select-option>
</ion-select> 

.ts файл:

@ViewChild(ionselect) ionselect:Select;

onSelectChange(selectedValue: any) {
   //Before pushing to next dismiss your ion-select
   this.ionselect.close();
   //Push your new view here like 
   this.navCtrl.push(YourNextPage, {});
}

Перед переходом к следующему экрану вы можете закрыть свой ионный выбор.

Надеюсь, это поможет!