如何在 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

组件更改：

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

模块变化：

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

如果您的组件驻留在功能模块中，您还应该将导入和导入更改添加到功能模块中

Answer 4

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

与 Angular 7

一起工作

如何在 angular 中添加带字符串插值的 routerlink

How to add routerlink with string interpolation in angular

angular

http-put