Question

我正在使用Angular Material在Angular 2中设计一个表单。我必须为输入框分配标签。为此，我需要使用aria-label。这是我的代码，我必须在＆＃34; Department＆＃34;之前应用标签。选择框：

<mat-form-field >
    <mat-select placeholder="Department"  [(value)]="selecteddept" >
        <mat-option *ngFor="let department of departments"
 [value]="department.value">
            {{ department.viewValue }}
        </mat-option>
    </mat-select>
</mat-form-field>

但我对它在代码中的位置感到困惑。任何人都可以清除我的困惑吗？

Answer 1

您应该将aria-label直接放入<mat-select>标记。标签是输入字段。

同时查找Angular Material Documentation，其中指出select组件可以使用aria-label进行访问。

一般情况下，使用aria-label是为屏幕阅读器提供标签。我可能会建议在SO：What is an aria-label and how I should I use it?或MDN上进一步阅读：Using the aria-label attribute。

角度材质中的标签按钮

1 个答案: