2

我正在使用 angular、bootstrap 和 angular-material 构建 angular 应用程序。具体来说，我将 bootstrap-ui 用于 Angular 的模态 - 见此处http://angular-ui.github.io/bootstrap/。到目前为止，我对角度材料没有任何问题，当我将材料开关置于引导模式（在模板中）时，我收到一个 aria 错误并且它们不起作用。我正在使用这些开关（https://material.angularjs.org/#/demo/material.components.switch）

我只是将它放在这样的模态正文中以首先对其进行测试-

<div class="modal-body">
 <md-switch ng-model="data" aria-label="Switch 1">
    Switch 1
  </md-switch>
</div>

开关在模态之外工作正常，但是当我打开模态时，控制台会像这样吐出错误（并且开关不起作用）：

ARIA: Attribute " aria-label ", required for accessibility, is missing on node <div class="md-container" md-ink-ripple="" md-ink-ripple-checkbox=""><div class="md-off"></div><div class="md-on"></div></div>

我不确定该怎么做，因为开关本身有一个 aria 标签，可能是因为 boostrap ui 为模态本身创建了一个新控制器，它变得混乱，或者没有得到正确的注入？将不胜感激任何帮助。谢谢阅读

4

0 回答 0