Как добавить 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="{{objProperty}}/user/help" 

Работа с Angular 7

Answer 2

Вы можете использовать

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

Answer 3

Изменения компонента:

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

Изменения модуля:

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

Если ваш компонент находится внутри функционального модуля, вам следуеттакже добавьте изменения импорта и импорта в функциональный модуль

Answer 4

Вы можете использовать либо строковую интерполяцию

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

, либо синтаксис привязки атрибутов:

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

, либо, как предложил Pankaj, синтаксис привязки атрибутов выглядит следующим образом:

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