按状态传递的Angular Ionic参数

aemubtdh  于 12个月前  发布在  Ionic
关注(0)|答案(2)|浏览(151)

如何在另一个页面上接收通过URL中的状态传递的参数?我有这个代码来将参数发送到下一个页面。

let costcountry = this.requestAmountData.costCenterCountryId    
this.router.navegateByUrl(`exampleurl`, {state: { costcountry: costcountry}});

字符串
但是我不知道如何接收它在下一页使用它。任何想法?TK

r6hnlfcb

r6hnlfcb1#

ActivatedRoute试试这个方法:
第1页:

gotoYourPage(paramsToSend){
     this.router.navigate(['/YourPageName', { yourDataKey : JSON.stringify(paramsToSend)}]);
}

字符串
第二页:

import { ActivatedRoute } from '@angular/router';

constructor(
    private aroute: ActivatedRoute
  ) { }

this.receiveData = JSON.parse(this.aroute.snapshot.params.yourDataKey );

e5nqia27

e5nqia272#

第一种方法-路由器导航:

//第一页:
public void run(){
}
public void run(){
© 2019 www.szb.com版权所有并保留所有权利
//第二页:
listdata:any;
id:any;
名称:任何;
public void run(){
this.listdata = this.router.getCurrentNavigation()?.extras.state;
this.id = this.listdata“id”];
this.name = this.listdata“name”];
}

第二种方法- HTML RouterLink:

首页:
<ion-button routerLink="/secondpage”[state]="{id:id_data,name:'myname'}">
第二页:
listdata:any;
id:any;
名称:任何;
public void run(){
this.listdata = this.router.getCurrentNavigation()?.extras.state;
this.id = this.listdata“id”];
this.name{name ']; }

相关问题