如何在 Ionic-Angular 中傳遞多個路由參數？

Question

我可以通過像 Ionic 5 中的page1/id1這樣的路由獲取單個參數。如果我想獲取一個模塊的多個參數，我該怎么做？

Answer 1

在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');
   });
}