如何将动态数据绑定到ARIA-LABEL？

Question

我有动态文本绑定到HTML页面上的ARIA-LABEL.这是一个有角度的2应用程序.我使用的是这样的:aria-label ="{productDetails？.ProductName}}的产品详细信息"

但是我收到一个错误 - 无法绑定到'aria-label',因为它不是'div'的已知属性.

这有什么解决方法吗？

Answer 1

只需attr.在aria-label之前使用:

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

它应该是[[attr.aria-label] =“ productDetails？.ProductName”` (2认同)
@BrunoJoão对不起，我的意思是您不应该同时使用`[attr.aria-label]`和`{{productDetails}}`，因为方括号已经解决了变量问题。您可以使用不带方括号**和**的大写字母，或者带方括号**和**不带大括号的属性。 (2认同)
@LucaDeNardi感谢您让我知道。我已经拆下了括号。 (2认同)

Answer 2

您应该[ ]在目标属性周围使用方括号 ( )：

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