ionic4 页面跳转传值和新页面取值

页面跳转 ：

        

<ion-row *ngFor="let item of aboutData.stockData"

[routerLink]="[ '/stock-details']"     /*  跳转页面*/

[queryParams]="item"                   /*  传的参数*/>

 

 

新页面取值：

  

       

import { Component, OnInit } from '@angular/core';

import {ActivatedRoute} from "@angular/router";  /* 引入控件*/

@Component({

selector: 'app-stock-details',

templateUrl: './stock-details.page.html',

styleUrls: ['./stock-details.page.scss'],

})

export class StockDetailsPage implements OnInit {

sparams:any={};

constructor(public _activeRouter: ActivatedRoute) {

this._activeRouter.queryParams.subscribe(params=> {

console.log(params);

this.sparams=params;

console.log(this.sparams.symbol);

})

}

ngOnInit() {

 

 

 

}

}