相対リンク/ routerLink

Question

と部分ルートは私のアプリでは、いくつかのURLは、私はその従業員の連絡先にリンク[routerLink]をそれぞれ有する、すべての従業員のリストを表示私のサイドバーで、フォーム

/department/:dep/employee/:emp/contacts 

を取る

<ul> 
    <li> 
     <a [routerLink]="['/department', 1, 'employee', 1, 'contacts']"></a> 
    <li> 
    <li> 
     <a [routerLink]="['/department', 1, 'employee', 2, 'contacts']"></a> 
    <li> 
    ... 
</ul> 

しかし、このアプローチでは、すべてのパラメータ（上記の例ではdepなど）を含む完全なパスを提供する必要がありますが、これはかなり面倒です。私は本当にについて、そのビューでdepartmentを気にしないので、ルートの一部だけを提供する方法は、そのよう

<a [routerLink]="['employee', 2, 'contacts']"></a> 

として（department一部せずに、そこにあると私の気持ちは、これは懸念の分離に反するということですとにかく）？

Answer 1

これは動作するはずです。先頭の/は絶対パスとなります（./を指定すると）、現在のルートに対する相対ルートになります。 ../（または../../以上）を使用して、親または親の親に対して相対的にルーティングすることもできます。

Answer 2

私は
ビュー..あなたがそうのようにそれを行うことができますあなたは[routerLink]でそれを行うことができますかどうかを知りませんが

<ul> 
    <li> 
     <a (click)="onViewDetails(id)">Details</a> 
    <li> 
    ... 

コンポーネント

construct(private router: Router, private route: ActivatedRoute){ 
} 
onViewDetails(id){ 
this.router.navigate([id], {relativeTo: this.route}); 
} 

/従業員
/employee /：id