【ionic4】——界面传参

一、home-html 页面

<ion-button (click)="gotoFavorites">跳转收藏夹页面</ion-button>

二、home-ts 页面

gotoFavorites() {
    this.router.navigate(['home'], {
      queryParams: {
        page: 'favorites'
      }
    });
  }

三、favorites-ts 页面

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

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

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