/
githubmirror
/
components
Обзор
Документация
Войти
/
githubmirror
/
components
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components-examples/material/button-toggle/button-toggle-forms/button-toggle-forms-example.html
29 строк
1 KB
Michael Small
docs: add signal form example for button toggle (#33592)
31 июл 2026, 10:14
Не верифицирован
31 июл 2026, 10:14
aa40684
Код
Авторство
О чём код?
<section> <h4>Button Toggle inside of a Signal form</h4> <mat-button-toggle-group [formField]="fontStyleForm" aria-label="Font Style"> <mat-button-toggle value="bold">Bold</mat-button-toggle> <mat-button-toggle value="italic">Italic</mat-button-toggle> <mat-button-toggle value="underline">Underline</mat-button-toggle> </mat-button-toggle-group> <p>Chosen value is {{ fontStyleForm().value() }}</p> </section> <section> <h4>Button Toggle inside of a Template-driven form</h4> <mat-button-toggle-group [(ngModel)]="fontStyle" aria-label="Font Style"> <mat-button-toggle value="bold">Bold</mat-button-toggle> <mat-button-toggle value="italic">Italic</mat-button-toggle> <mat-button-toggle value="underline">Underline</mat-button-toggle> </mat-button-toggle-group> <p>Chosen value is {{fontStyle()}}</p> </section> <section> <h4>Button Toggle inside of a Reactive form</h4> <mat-button-toggle-group [formControl]="fontStyleControl" aria-label="Font Style"> <mat-button-toggle value="bold">Bold</mat-button-toggle> <mat-button-toggle value="italic">Italic</mat-button-toggle> <mat-button-toggle value="underline">Underline</mat-button-toggle> </mat-button-toggle-group> <p>Chosen value is {{fontStyleControl.value}}</p> </section>