【ionic4】页面跳转和页面之间传参

1、业务场景，如下图：

点击年份2019，将参数传到期数界面

点击期数，将年份的参数2019和期数的id传到学员信息界面：

2、代码实现

年份界面HTML：

<ion-content>
  <ion-searchbar placeholder="请输入年份搜索" (ionChange)="onSearchChange($event)" [debounce]="250">
  </ion-searchbar>

  <ion-list *ngFor="let item of listYear" >
    <ion-item [routerLink]="['/searchbyyear']" [queryParams]="{year:item.yearTime}"> 
    //routerLink为页面跳转,queryParams为参数传递,此时将2019这个数字传递到了searchbyyear界面
      <ion-label>{{item.yearTime}}</ion-label>
    </ion-item>
  </ion-list>
</ion-content>

searchbyyear的html界面:

<ion-content>
    <ion-searchbar placeholder="请输入期数搜索" (ionChange)="onSearchChange($event)" [debounce]="250">
    </ion-searchbar>
    <ion-list ion-padding>
       <ion-item *ngFor="let item of listGrade" [routerLink]="['/prientscreencheck']" [queryParams]="{organizationId:item.id,year:year,organizationName:item.organizationName}">  //传了期数的id(organizationId),传了年份,年份一会看ts是如何收的.还传了organizationName
         <ion-label>{{item.organizationName}}</ion-label>
       </ion-item>
    </ion-list>
</ion-content>

searchbyyear.page.ts页面:

import { Component, OnInit, NgModule } from '@angular/core';
import { InterceptorService } from '../../shared/providers/interceptor.service';
import { NavController } from '@ionic/angular';

//引入接受路由传值的模块
import { ActivatedRoute, Router } from '@angular/router';


@Component({
  selector: 'app-searchbyyear',
  templateUrl: './searchbyyear.page.html',
  styleUrls: ['./searchbyyear.page.scss'],
})

export class SearchbyyearPage implements OnInit {
  public year: number;
  constructor(
    public httpService: InterceptorService,
    public route: Router,
    public activatedRoute: ActivatedRoute,
    public nav: NavController
  ) {
  };

  ngOnInit() {
    this.GetGrade();
    //接受路由传值过来的年份
    this.activatedRoute.queryParams.subscribe((data: any) => {
      this.year = data.year;  //此时的year存的就是上个页面传过来的值
    })
  }

 
  public listGrade: any = [];
   //获取期数--2019年5月21日16:01:47--李光
  GetGrade() {
    let api = 'NO1System/no1/organization/searchOnSchool';
    this.httpService.get(api).subscribe((Response: any) => {
      console.log(Response);
      this.listGrade = Response.json().data;
      console.log(this.listGrade);
    })
  }
}