angular - 如何为 [routerLink] 提供与数组值相对应的动态值?

标签 angular ngfor angular-ng-if routerlink

我想在我的模板中添加动态路由。路由的值来自一个用 ngFor 迭代的数组。我还想对字符串类型的值进行一些转换。 谢谢

我尝试从数组中放入值,但它给了我这个错误: 错误:无法匹配任何路由。 URL 段:'items.label' 错误:无法匹配任何路由。 URL 段:'items.label'

<li *ngFor = "let items of this.labelsMenu|async">
    <a[routerLink]="['items.label'] " href="#" >
</li>

最佳答案

'items.label'中不应包含引号

<li *ngFor = "let items of this.labelsMenu|async">
    <a[routerLink]="[items.label] " href="#" >
</li>

关于angular - 如何为 [routerLink] 提供与数组值相对应的动态值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56019857/

相关文章:

angular - Angular 组件的调用方法 2/4

javascript - 检查 ng-if 语句中的字符串值

angular - AfterAll 中 Angular SPA 的 Karma+Jasmine 测试随机失败

javascript - Angular 4 Firebase 错误消息在首次单击时不显示

angular - RxJS - 如果输入可观察对象为空数组,则 switchMap 不会发出值

angular - 为 *ngFor angular2 的每一行调用函数

Angular2 ngFor 父元素

mysql - 如何使用 Mysql Node.js 在 *ngFor 循环内使用 *ngIf 条件显示默认空值按钮,不喜欢和默认按钮

html - *ngIf...当数据为空时,为mat-checkbox设置disabled=true