web-dev-qa-db-ja.com

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

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

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

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

htmlangularwai-ariauiaccessibility
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