File tree Expand file tree Collapse file tree 2 files changed +5
-5
lines changed Expand file tree Collapse file tree 2 files changed +5
-5
lines changed Original file line number Diff line number Diff line change @@ -44,7 +44,7 @@ <h2>Linear Vertical Stepper Demo</h2>
44
44
45
45
< h2 > Linear Vertical Stepper Demo</ h2 >
46
46
< md-vertical-stepper >
47
- < md-step >
47
+ < md-step [valid] =" nameFormGroup.valid " >
48
48
< form [formGroup] ="nameFormGroup ">
49
49
< ng-template mdStepLabel > Fill out your name</ ng-template >
50
50
< md-input-container >
@@ -61,13 +61,13 @@ <h2>Linear Vertical Stepper Demo</h2>
61
61
</ form >
62
62
</ md-step >
63
63
64
- < md-step [disabled ] ="!nameFormGroup .valid ">
64
+ < md-step [valid ] ="phoneFormGroup .valid ">
65
65
< form [formGroup] ="phoneFormGroup ">
66
66
< ng-template mdStepLabel >
67
67
< div > Fill out your phone number</ div >
68
68
</ ng-template >
69
69
< md-input-container >
70
- < input mdInput placeholder ="Phone number " formControlName ="phoneFormCtrl " required >
70
+ < input mdInput placeholder ="Phone number " formControlName ="phoneFormCtrl ">
71
71
< md-error > This field is required</ md-error >
72
72
</ md-input-container >
73
73
< div >
@@ -77,7 +77,7 @@ <h2>Linear Vertical Stepper Demo</h2>
77
77
</ form >
78
78
</ md-step >
79
79
80
- < md-step [disabled] =" !phoneFormGroup.valid " >
80
+ < md-step >
81
81
< form >
82
82
< ng-template mdStepLabel > Confirm your information</ ng-template >
83
83
Everything seems correct.
Original file line number Diff line number Diff line change @@ -48,7 +48,7 @@ export class StepperDemo {
48
48
} ) ;
49
49
50
50
this . phoneFormGroup = new FormGroup ( {
51
- phoneFormCtrl : new FormControl ( '' , Validators . required )
51
+ phoneFormCtrl : new FormControl ( '' )
52
52
} ) ;
53
53
}
54
54
}
You can’t perform that action at this time.
0 commit comments