如何在Ionic-Angular中传递多个路由参数?
How to pass multiple route parameters in Ionic-Angular?
我可以通过像 Ionic 5 中的 page1/id1
这样的路由获取单个参数。
如果我想为一个模块获取多个参数,我该怎么做?
在app-routing.module.ts中修改路径为-
{
path: 'page1/:id1/:id2',
loadChildren: () => import('./pages/page1/page1.module').then(m => m.Page1PageModule)
},
在您要访问此页面的页面中,例如 page0.page.html include-
<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');
});
}
我可以通过像 Ionic 5 中的 page1/id1
这样的路由获取单个参数。
如果我想为一个模块获取多个参数,我该怎么做?
在app-routing.module.ts中修改路径为-
{
path: 'page1/:id1/:id2',
loadChildren: () => import('./pages/page1/page1.module').then(m => m.Page1PageModule)
},
在您要访问此页面的页面中,例如 page0.page.html include-
<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');
});
}