web-dev-qa-db-fra.com

Comment lier des données dynamiques à ARIA-LABEL?

J'ai du texte dynamique à lier à ARIA-LABEL sur une page html. Il s'agit d'une application angular 2. J'utilise quelque chose comme ceci: aria-label = "Détails du produit pour {{productDetails? .ProductName}}" "

Mais je reçois une erreur - Impossible de se lier à 'aria-label' car ce n'est pas une propriété connue de 'div'.

Y a-t-il une solution à cela?

htmlangularwai-ariauiaccessibility
20
namrata

Utilisez simplement attr. avant aria-label:

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

ou

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

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

36
Bruno João

Vous devez utiliser des crochets ([ ]) autour de la propriété cible:

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