ionic4页面跳转传参

ionic4页面跳转传参

在跳转前页面

  // html中添加事件
  <ion-button (click)="click()">跳转今目标页面</ion-button>
// ts中
  click() {
        this.router.navigate(['jingoal'], {
            queryParams: {
                page: 'today'
            }
        });
    }

在接收参数页面 ts 中

// 导包
import {  ActivatedRoute, Params } from '@angular/router';

// 定义变量接收参数
public page: string;

// 执行接收操作
constructor(
        public activeRoute: ActivatedRoute) {
        this.activeRoute.queryParams.subscribe((params: Params) => {
            this.page = params['page'];
        });
    }

Ionic 更新的速度就和中国发展速度一样，贼鸡儿快，说不准啥时候又变了、