web-dev-qa-db-ja.com

動的データをARIA-LABELにバインドする方法は?

HTMLページでARIA-LABELにバインドするダイナミックテキストがあります。これはangular 2アプリです。私はこのようなものを使用しています:aria-label = "{{productDetails?.ProductName}}の製品詳細" "

しかし、エラーが発生します-「aria-label」は「div」の既知のプロパティではないため、バインドできません。

これに対する回避策はありますか?

20
namrata

Aria-labelの前にattr.を使用するだけです:

attr.aria-label="Product details for {{productDetails?.ProductName}}"

または

[attr.aria-label]="'Product details for ' + productDetails?.ProductName"

ここの例: https://stackblitz.com/edit/angular-aria-label?embed=1&file=src/app/app.component.html&hideExplorer=1

36
Bruno João

角括弧([ ])ターゲットプロパティの周り:

[attr.aria-label]="'Product details for' + productDetails?.ProductName"
1
Kabb5