如何自动将“aria- describeby 属性”添加到 uib-tooltip答案

【问题标题】：How to add "aria-describedby attribute" to the uib-tooltip automatically如何自动将“aria- describeby 属性”添加到 uib-tooltip
【发布时间】：2020-03-12 09:10:55
【问题描述】：

在我们的应用程序（它是一个angularJs）中，我们在很多地方都有“uib-tooltip”，所以我想让它成为一个简单的代码，可以自动将“aria- describeby”属性添加到DOM，如果“uib-tooltip”在那里。

【问题讨论】：

展示你尝试过的东西是个好主意，如果你只问如何做某事，你不会得到很多人的好评。试一试，然后发布一些代码供我们帮助您。至少为不使用 angularJS 的人发布一个关于“uib-tooltip”结构在您的代码中的外观的 sn-p。
custom directive 可能会这样做。

标签： javascript angularjs accessibility angular-ui-bootstrap

【解决方案1】：

您可以为具有 uib-tooltip 指令的元素添加属性。只需将“uibTooltip”添加到您的模块中即可。这将在库所做的基础上添加额外的功能。

.directive('uibTooltip', function () {
  return {
    link: function (scope, element, attrs) {
      attrs.$set('aria-describedby', 'Whatever text you want.');
    }
  }
})

【讨论】：