ionic4页面跳转传参

一:在跳转前页面

  // html中添加事件
  跳转今目标页面
// 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'];
        });
    }

如果对您有帮助,还希望给个赞或者随手评论一句,算是给个鼓励。

你可能感兴趣的:(ionic4页面跳转传参)