- 基本的な使用方法: NgRouterLinkを使用するには、まずAngularのルーターモジュールをインポートする必要があります。次に、リンクを作成したい場所でNgRouterLinkディレクティブを使用します。以下は基本的な使用例です。
<a routerLink="/path/to/route">リンクテキスト</a>上記の例では、"リンクテキスト"をクリックすると、"/path/to/route"にナビゲートされます。
- パラメータ付きのルート: NgRouterLinkを使用して、パラメータを持つルートにリンクすることもできます。以下はその例です。
<a [routerLink]="['/path/to/route', { id: 1 }]">リンクテキスト</a>上記の例では、"リンクテキスト"をクリックすると、"/path/to/route"にパラメータ"id=1"を持ってナビゲートされます。
- 子ルートへのリンク: NgRouterLinkを使用して、子ルートにリンクすることもできます。以下はその例です。
<a routerLink="/parent-route/child-route">リンクテキスト</a>上記の例では、"リンクテキスト"をクリックすると、"/parent-route/child-route"にナビゲートされます。
これらはNgRouterLinkの基本的な使用方法の一部です。NgRouterLinkを使用すると、Angularアプリケーション内で簡単にナビゲーションリンクを作成できます。詳細な使用方法やオプションについては、Angularの公式ドキュメントを参照してください。