Parser Error: Got interpolation ({{}}) where expression was expected

Usually this error occurs when we are trying to implement both Interpolation and Property data binding on the same html property.

Example:

Wrong implementation

[disabled]= {{isDisabled}}

Correct implementation

disabled= {{isDisabled}}

Note: remove the square bracket from the html element property

Use this

  <button class="btn btn-primary" title="Edit" (click)="showEditModal(record.id)"><i class="fa fa-edit"></i></button>

You can't use interpolation inside standard property binding. There should be an expression.

Seems it should be:

[attr.aria-labelledby]="'desiredSkill' + $index"

attr.aria-labelledby="desiredSkill{{$index}}"

Related