ボタンをクリックしてルーティングangular 5

Question

ユーザーがボタンをクリックしたときに、ホームコンポーネントにルーティングする必要があります。 <a href=””>を使用してそれを行う方法を知っていますが、routerLinkを使用していません。 buttonclickイベントを使用してそれを行う方法はありますか？

<a class="nav-item nav-link-edit" [routerLink]="['']">home</a>

上記のコードは、<a href="">タグを使用してルーティングする方法です。

Answer 1

はい、routerLinkはアンカータグとボタンタグの両方で機能します。あなたはこれを行うことができます：

<button class="nav-item nav-link-edit" [routerLink]="['']">home</button >

Answer 2

routerLinkは適切に機能します。

app.component.html：

<button class="nav-item nav-link-edit" [routerLink]="['Home']">Home</button >