/
githubmirror
/
components
Обзор
Документация
Войти
/
githubmirror
/
components
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components-examples/material/chips/chips-form-control/chips-form-control-example.html
27 строк
961 B
Dominic Bachmann
docs(material/chips): fix aria-label binding of chips-form-control-example (#30811)
05 апр 2025, 20:04
Не верифицирован
05 апр 2025, 20:04
ac357fb
Код
Авторство
О чём код?
<div class="example-button-container"> <button matButton="elevated" (click)="formControl.disable()">Disable form control</button> <button matButton="elevated" (click)="formControl.enable()">Enable form control</button> </div> <p> <em>Enter video keywords</em> </p> <mat-form-field class="example-form-field"> <mat-label>Video keywords</mat-label> <mat-chip-grid #chipGrid aria-label="Enter keywords" [formControl]="formControl"> @for (keyword of keywords(); track keyword) { <mat-chip-row (removed)="removeKeyword(keyword)"> {{keyword}} <button matChipRemove [attr.aria-label]="'remove ' + keyword"> <mat-icon>cancel</mat-icon> </button> </mat-chip-row> } </mat-chip-grid> <input placeholder="New keyword..." [matChipInputFor]="chipGrid" (matChipInputTokenEnd)="add($event)" /> </mat-form-field> <p><strong>The following keywords are entered:</strong> {{formControl.value}}</p>