передать параметр nav на другую страницу - PullRequest
Новая
       16

передать параметр nav на другую страницу

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

Я использую ionic4 и угловой.У меня есть эта страница, устанавливающая радио группу контента.

enter image description here

, как это сделать, когда пользователь нажимает на один из этих вариантов, он нажимает значение прямо на домашней странице.затем использовать значение, которое он выбрал использовать на домашней странице, чтобы отобразить информацию для данных JSON.

код настройки страницы 

   export class PopoverstationsPage implements OnInit {
      cities :any
      constructor(public nav : NavController) { }

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

    }

html 

    <ion-list>
            <ion-radio-group [(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, private https: HttpClient) { }

      ngOnInit() {
        this.test ()
      }

async test (){

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

    this.weather = data

  })


}

    }
...