首页 > 解决方案 > 如何自动将“aria- describeby 属性”添加到 uib-tooltip

问题描述

在我们的应用程序(它是一个angularJs)中,我们在很多地方都有“uib-tooltip”,所以我希望它成为一个简单的代码,如果“uib-”可以自动将“aria- describeby”属性添加到DOM工具提示”在那里。

标签: javascriptangularjsaccessibilityangular-ui-bootstrap

解决方案


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

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

推荐阅读