gpt4 book ai didi

angular - 如何在 Ionic-Angular 中传递多个路由参数?

转载 作者:行者123 更新时间:2023-12-04 01:31:52 27 4
gpt4 key购买 nike

我可以通过 page1/id1 这样的路线获得单个参数在 ionic 5 中。
如果我想为一个模块获取多个参数,我该怎么做?

最佳答案

应用路由.module.ts ,修改路径到-

{
path: 'page1/:id1/:id2',
loadChildren: () => import('./pages/page1/page1.module').then(m => m.Page1PageModule)
},

在您要访问此页面的页面中,例如 page0.page.html 包含 -
<ion-item button [routerLink]="['/', 'page1', id1,id2]" >Go to Page1 </ion-item>

在 page1.page.ts 中,为了访问这些参数,在 ngOnInit 中包含以下内容 -
import { ActivatedRoute, Router} from '@angular/router';

..
constructor(private route : ActivatedRoute, private router : Router){}

ngOnInit() {
this.route.paramMap.subscribe(params => {
let id1 = params.get('id1');
let id2 = params.get('id2');
});
}

关于angular - 如何在 Ionic-Angular 中传递多个路由参数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60825844/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com