ionic4 ts跳转传值 this.navController.navigateForward

ionic4 ts跳转传值 this.navController.navigateForward

一：在跳转前页面

// 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'];
    });
}