当前位置: 首页 > 知识库问答 >
问题:

如何将动态数据绑定到aria-label?

盖马鲁
2023-03-14

我有动态文本要绑定到HTML页面上的aria标签。这是一个Angular 2应用程序。我正在使用这样的东西:

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

但是我收到一个错误:

无法绑定到“aria-label ”,因为它不是“div”的已知属性。

对此有什么解决方法吗?

共有3个答案

翟凯
2023-03-14

此外,如果productDetails中的ProductName为null或未定义为

[attr.aria-label]="(typeof productDetails.ProductName !== 'undefined') ? 
'Product details for ' + productDetails.ProductName : '' "

所以下巴/改良/叙述者可以能够阅读

洪建茗
2023-03-14

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

[attr.aria-label]="'Product details for' + productDetails?.ProductName"
袁增
2023-03-14

用<代码> attr。aria-label前> < /代码:

<代码> attr。aria-label = "{{连续的产品详细信息

<代码> [attr。aria-label] = "的产品细节

此处的示例:https://stackblitz.com/edit/angular-aria-label?embed=1

Ps。正如@Simon_Weaver提到的,有一些com

看到他的答案在这里有棱角的材料垫-标签无障碍

 类似资料:
  • 问题内容: 我使用jquery fancybox 1.3.4作为弹出表单。 但是我发现fancybox无法绑定到动态添加的元素。例如,当我向当前文档中添加html元素时。 像这样:首先我使用jquery将一个元素附加到主体, 我叫fancybox, 但fancybox不适用于动态添加的元素。 我不能从此元素调用fancybox吗? 问题答案: 将fancybox(v1.3.x)绑定到动态添加的元素

  • 本文向大家介绍vue实现动态数据绑定,包括了vue实现动态数据绑定的使用技巧和注意事项,需要的朋友参考一下 实现的步骤: 1.监听对象属性的读取与变化 Object.defineProperty() 方法会直接在对象上定义一个新的的属性,或者已经存在的属性并且返回这个属性 语法是 Object.defineProperty(obj, prop, descript) obj: 目标对象 prop:

  • 如何将MVVM值绑定到dropdownlist?下面的输入元素运行良好

  • 问题内容: 我希望做一个绑定 数据表 来 的ReportViewer 与下面的代码。我没有看到结果出现在 reportviewer中 ,下面缺少什么脚本? 问题答案: 我找到了如何将数据表绑定到reportviewer的答案,我将在这里分享可能对其他人有用。 加入形成 clsTables类 , Report1.rdlc文件 , reportViewer1 。 然后点击的右上角 reportView

  • 问题内容: 我需要将 DataTable 绑定到 DataGridView 。我这样做: 但我得到的是 数据表中 增加了新的 列到我 的DataGridView 。我不需要这个,我只需要在现有列下编写即可。 拜托,帮帮我,伙计们! 问题答案: 尝试这个: 如果您不想清除所有现有的列,则必须为每个现有的列进行设置,如下所示:

  • 我在一个Vue项目上工作,实际上我试图将img src属性绑定到数据值,然后我使用setInterval函数动态更改url每次调用函数,但当我运行页面时,我得到一个错误就像 属性或方法“源”不是在实例上定义的,而是在呈现过程中引用的。通过初始化属性,确保此属性是反应性的,无论是在数据选项中,还是对于基于类的组件。见:https://vuejs.org/v2/guide/reactivity.htm