angular - 使用波形工具时角度材料垫滑动切换空表单标签问题

Question

使用波形工具时，它会显示一个空表单标签

在 HTML 页面上，我使用以下代码

  <mat-slide-toggle 
                      [ngModel]="entry.data.getValue(entry.row, entry.col) === 'true'"
                      (ngModelChange)="toggleEnable(entry.row.obj)">
                    </mat-slide-toggle>

在 wave 工具 HTML 中，它显示了以下代码

<mat-slide-toggle _ngcontent-qif-c65="" aria-label="test" class="mat-slide-toggle mat-accent ng-untouched ng-pristine ng-valid ng-star-inserted" ng-reflect-aria-label="test" ng-reflect-model="false" id="mat-slide-toggle-7" tabindex="-1">
<label class="mat-slide-toggle-label" for="mat-slide-toggle-7-input">
<div class="mat-slide-toggle-bar mat-slide-toggle-bar-no-side-margin">
ARIA tabindexARIA labelARIA
<input class="mat-slide-toggle-input cdk-visually-hidden" role="switch" type="checkbox" id="mat-slide-toggle-7-input" tabindex="0" aria-checked="false" aria-label="test">
<div class="mat-slide-toggle-thumb-container" style="touch-action: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
<div class="mat-slide-toggle-thumb"></div>
<div class="mat-slide-toggle-ripple mat-ripple" mat-ripple="" ng-reflect-centered="true" ng-reflect-radius="20" ng-reflect-animation="[object Object]" ng-reflect-disabled="false" ng-reflect-trigger="[object HTMLLabelElement]">
<div class="mat-ripple-element mat-slide-toggle-persistent-ripple"></div>
</div>
</div>
</div>
<span class="mat-slide-toggle-content">
<span style="display:none"></span>
</span>
</label>
</mat-slide-toggle>

请帮我解决网络可访问性问题

标签： angularangular-materialmaterial-ui