如何: ngFor中的按钮标签ngFor元素？

Question

我有一个ngFor div，其中包含一个span和一个按钮，并且出于可访问性的原因，我需要aria-标签来引用元素名。

<div *ngFor="let element of elements">
  <span>{{element.elementName}}</span>
  <button mat-icon-button aria-label="'Remove ' + {{element.elementName}} + ' from elements'"
          (click)="removeElement(element)">
    <mat-icon>remove_circle</mat-icon>
  </button>
</div>

interface ElementModel {
  elementID: number,
  elementName: string,
}

elements: ElementModel[] = [
  {elementID: 0, elementName:'Name1'},
  {elementID: 1, elementName:'Name2'}
];

当我试图编译代码时，我会得到以下错误消息：

Can't bind to 'aria-label' since it isn't a known property of 'button'.

如何在aria标签中引用ngFor中的元素？

Answer 1

使用[attr.]实现绑定属性

<button [attr.aria-label]="'Remove ' + element.elementName + ' from elements'">