動的な角度ルータパス

Question

これは私の現在のルータです：

const routes: Routes = [ 
    { path: '', component: HomeComponent }, 
    { path: 'filter', component: FiltersPageComponent}, 
    { path: 'filter/:continent', component: FiltersPageComponent}, 
    { path: '**', canActivate: [RouteLoader], component: ErrorComponent}, 
]; 

私は、ユーザーが複数の宛先を検索するときに作成された動的URLを持っています。

URLの

例：localhostを：4200 /フィルター/アフリカ/ボツワナ/ヨーロッパ/スペイン/アジア/中国

私は以下のような複数のパスをせずにこのURLを受け入れる1つのパスを作成することはできますか？

{ path: 'filter/:test/:test2/:test3/:test4/:test5/:test6', component: FiltersPageComponent} 

Answer 1

私が使用して終了ソリューションは、このでした：私はこの方法を使用するときに考えることができる唯一の問題は、ユーザーがランダムに/フィルタの後に何かを置くことができるということです

{ path: 'filter', component: FiltersPageComponent, 
    children: [ 
    { path: '**', component: FiltersPageComponent} 
    ] 
}, 

urlであり、それでもfiltersPageComponentにリダイレクトされます。

Answer 2

いいえ、できません。あなたのルートに重複するパラメタを持つことはできません。そうした場合、URLに重複している最後のデータしか取得できません。あなたのケースでは、それはアジアと中国だけを返します

Answer 3

角度のparamMapこれを有効にする必要があります。

urlパラメータを購読して、それぞれのルートでそれぞれのルートで実行することができます。いくつかの追加のリソースです。ここ

this.route.paramMap.subscribe(params => { 
    if (params.get('username'))) { 
     // Route to particular path... 
     // Or do something else... 
    } 
}); 

：それは不可能（とも間違っている）であるpathのparamsで

• https://angular.io/api/router/ParamMap
• https://scotch.io/tutorials/handling-route-parameters-in-angular-v2#toc-grabbing-route-parameters-the-observable-way

Answer 4

、しかし、あなたがすべき以下の例を参照してください。これはqueryのようなパラメータでこれを行うことができます：

localhost:4200/yourroute?filter=africa&filter=botswana&filter=europe&filter=spain 

Query params and fragments