/
githubmirror
/
components
Обзор
Документация
Войти
/
githubmirror
/
components
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components-examples/material/stepper/stepper-errors/stepper-errors-example.html
38 строк
1 KB
Kristiyan Kostadinov
refactor(multiple): switch button selectors
14 мар 2025, 09:04
14 мар 2025, 09:04
103ac7c
Код
Авторство
О чём код?
<mat-stepper #stepper> <mat-step [stepControl]="firstFormGroup" errorMessage="Name is required."> <form [formGroup]="firstFormGroup"> <ng-template matStepLabel>Fill out your name</ng-template> <mat-form-field> <mat-label>Name</mat-label> <input matInput placeholder="Last name, First name" formControlName="firstCtrl" required> </mat-form-field> <div> <p>Go to a different step to see the error state</p> <button matButton matStepperNext>Next</button> </div> </form> </mat-step> <mat-step [stepControl]="secondFormGroup" errorMessage="Address is required."> <form [formGroup]="secondFormGroup"> <ng-template matStepLabel>Fill out your address</ng-template> <mat-form-field> <mat-label>Address</mat-label> <input matInput placeholder="Ex. 1 Main St, New York, NY" formControlName="secondCtrl" required> </mat-form-field> <div> <p>Go to a different step to see the error state</p> <button matButton matStepperPrevious>Back</button> <button matButton matStepperNext>Next</button> </div> </form> </mat-step> <mat-step> <ng-template matStepLabel>Done</ng-template> <p>You are now done.</p> <div> <button matButton matStepperPrevious>Back</button> <button matButton (click)="stepper.reset()">Reset</button> </div> </mat-step> </mat-stepper>