angular）で文字列補間を使用してrouterlinkを追加する方法

Question

追加する必要があります

    router= "/update/id" in my code, where "id" has to be rendered dynamically based on values by *ngFor directive. (i.e) {{obj.id}}.So that id gets rendered dynamically

これを行う方法？

Answer 1

文字列補間を使用できます

routerLink="/update/{{obj.id}}"

または属性バインディング構文：

[routerLink]="'/update/' + obj.id"

またはPankajが提案したように、次のような属性バインディング構文：

[routerLink]="'['/update', obj.id]"

Answer 2

あなたが使うことができます

[routerLink]="['/update', obj.id]"

Answer 3

routerLink="{{objProperty}}/user/help" 

Angular 7

Answer 4

コンポーネントの変更：

<a routerLink="/blog/{{blog.id}}">{{blog.title}}</a>

モジュールの変更：

import { RouterModule } from '@angular/router';
imports: [
  RouterModule
]

コンポーネントが機能モジュール内にある場合は、インポートを追加し、変更を機能モジュールにインポートする必要があります。