각 재료 설계 MD-스위치 나던 작업

Question

탭에서 스위치 (MD-스위치 지시어를) 배치, 아리아 오류가

ARIA 발생하는 경우 : 접근성에 대한 요구 특성 "아리아 라벨을" 노드에서 누락되었습니다. ...

아리아 레이블의 존재 여부와 상관없이 발생합니다. 스위치가 탭 외부로 이동하면 예상대로 작동합니다. 문제 이상한 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

.. 이 문제가 보인다에게 보여주는

plunker는 각 물질 (버전 0.6.1 마스터-0767813)의 최신 빌드로 고정한다.

다음은 plunker입니다 : 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-모델을 변경해야했습니다. 대신

ng-model="data.switch" 

사용하는 그래서 당신은 $ scope.toggle를 가리키는

ng-model="toggle" 

를 사용하는 데 필요한.