Question

在选项卡中放置开关（md-switch指令）时，会抛出aria错误

ARIA：属性＆＃34;节点上缺少aria-label＆＃34;，可访问性所需：...

无论是否存在咏叹调标签，都会发生这种情况。如果将开关移到选项卡之外，它将按预期工作。

plunker显示问题 http://plnkr.co/edit/FmZAyLBpzhURbdZuuhQK?p=preview

<div ng-app="app" ng-controller="ctrl" >
    <md-tabs md-selected="selectedIndex">
        <md-tab id="tab1">Item One</md-tab>
    </md-tabs>
    <ng-switch on="selectedIndex" class="tabpanel-container">
        <div role="tabpanel" id="tab1-content" ng-switch-when="0">
            <div>
                <md-switch aria-label="toggle" ng-model="data.switch">Switch : {{ toggle }}</md-switch>
            </div>
        </div>
    </ng-switch>
</div>

<script>
    var app = angular.module('app', ['ngMaterial']);

    app.controller("ctrl", function ($scope) {
        $scope.toggle = false;
        $scope.selectedIndex = 0;
    });
</script>

Answer 1

那很奇怪.. 这个问题似乎是用最新的角度材料（版本0.6.1-master-0767813）修复的。

这是羽毛球：http://plnkr.co/edit/chEaf9i50mIiThp0Jloq?p=preview

我刚刚将脚本更改为最新版本：

<link rel="stylesheet" href="//rawgit.com/angular/bower-material/master/angular-material.css">
<script src="//rawgit.com/angular/bower-material/master/angular-material.min.js"></script>

您还需要将ng-model更改为切换值。所以不要使用

ng-model="data.switch"

您需要使用

ng-model="toggle"

指向$ scope.toggle。

角度材料设计md-switch在标签内不起作用

1 个答案: