Как дать динамические значения для [routerLink], которым оно соответствует значениям массива?

Question

Я хочу сделать динамическую маршрутизацию в мой шаблон. Значения маршрутизации берутся из массива, который повторяется с ngFor. Также я хочу сделать некоторые преобразования в эти значения, которые имеют тип строки. Спасибо

Я пытался поместить значения из массива, но это дает мне эту ошибку: Ошибка: не удается сопоставить ни один маршрут. Сегмент URL: 'items.label' Ошибка: не удается сопоставить ни один маршрут. Сегмент URL: 'items.label'

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

Answer 1

Должно быть без кавычек в 'items.label'

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

Answer 2

удалить одинарные кавычки

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

Answer 3

Вам просто нужно удалить single quotations и href='#'. Надеюсь, вы хотели поставить href из-за указателя мыши. Для этого вы можете добавить стиль в свой тег, как указано style="cursor: pointer".

<li *ngFor = "let items of this.labelsMenu|async">
    <a[routerLink]="[items.label]" style="cursor: pointer">
</li>

Answer 4

Удалить одинарные кавычки и href="#"

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