Как добавить навигацию в мат-чип в angular?

Question

Я получаю ошибки синтаксического анализа шаблона: какова правильная реализация с приведенным ниже кодом?

# cODE

 <mat-chip-list #chipList aria-label="Fruit selection">
                            <mat-chip [routerLink]="['templates/,{{ template.name }} ,/edit']" *ngFor="let template of associated_template;" [selectable]="selectable">
                            {{ template.name }}
                            <mat-icon matChipRemove *ngIf="removable">cancel</mat-icon>
                            </mat-chip>
                            <input [matChipInputFor]="chipList" [matChipInputSeparatorKeyCodes]="separatorKeysCodes" [matChipInputAddOnBlur]="addOnBlur" (matChipInputTokenEnd)="add($event)">
                          </mat-chip-list>

Answer 1

нельзя смешивать привязку свойств и интерполяцию строк

<mat-chip [routerLink]="['templates/', template.name, '/edit']" *ngFor="let template of associated_template;" [selectable]="selectable">