angular - 在 routerLink 中设置 url 字符串

Question

我的组件公共(public)变量 url 和标题字符串如下所示:

const url: string = 'locator;name=Test';
const title: string = 'Test';

我想在我的模板中使用它来创建这样的链接:

<a mat-button [routerLink]="'/' + url">{{title}}</a>

问题是生成的链接都是错误的。我知道 routerLink 可以静态地与字符串一起使用，但是如何向模板提供变量，因为这种方式不起作用:

<a mat-button routerLink="'/' + url">{{title}}</a>

我该如何解决这个问题？我从服务中收到这些链接，但我无法重构它。现在我正在这样解决这个问题，但我遇到了问题，因为每次我单击这些链接时网页都会重新加载:

<a mat-button [href]="'/' + url">{{title}}</a>

Answer 1

尝试下面的语法使它的 url 变量动态:

[routerLink]="['/', url]"