我的组件公共(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>
最佳答案
尝试下面的语法使它的 url 变量动态:
[routerLink]="['/', url]"
关于angular - 在 routerLink 中设置 url 字符串,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50468635/