/
githubmirror
/
components
Обзор
Документация
Войти
/
githubmirror
/
components
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components-examples/material/tabs/tab-group-dynamic/tab-group-dynamic-example.html
29 строк
859 B
Michael Small
docs: convert Stepper/Tabs/Timepicker example to signals (#33536)
21 июл 2026, 10:25
Не верифицирован
21 июл 2026, 10:25
43a87a4
Код
Авторство
О чём код?
<mat-form-field> <mat-label>Selected tab index</mat-label> <input matInput type="number" [formControl]="selected"> </mat-form-field> <div> <button matButton="elevated" class="example-add-tab-button" (click)="addTab(selectAfterAdding.checked)"> Add new tab </button> <mat-checkbox #selectAfterAdding> Select tab after adding </mat-checkbox> </div> <mat-tab-group [selectedIndex]="selected.value" (selectedIndexChange)="selected.setValue($event)"> @for (tab of tabs(); track $index; let index = $index) { <mat-tab [label]="tab"> Contents for {{tab}} tab <button matButton="elevated" class="example-delete-tab-button" [disabled]="tabs().length === 1" (click)="removeTab(index)"> Delete Tab </button> </mat-tab> } </mat-tab-group>