Angular 2のnavigate関数とrouterLinkの違いは何ですか？

Question

私は公式Angular 2 tutorialを以下だし、それはrouterLinkとして非常に類似した方法でナビゲート機能を使用しています。それらの違いは何ですか？いつ使うの？

this.router.navigate(['/detail', this.selectedHero.id]); 

---

[routerLink]="['/detail', hero.id]" 

Answer 1

[routerLink]あなたが<a>や<button>要素のHTMLで使用できる角度ディレクティブです。ディレクティブはクリックイベントをリッスンし、paramsで作成されたパスに移動し、routerLinkに提供します。

this.router.navigate(['/detail', this.selectedHero.id]);をナビゲートするために、あなたのコンポーネントまたはサービスで使用されています。同じ引数が指定されている場合

routerLinkディレクティブとthis.router.navigateはまったく同じURLに移動する必要があります。