radio button in reactive forms angular 9 code example
Example 1: reactive forms radio button
<form [formGroup]="form">
<label>
<input type="radio" value="Male" formControlName="gender">
<span>male</span>
</label>
<label>
<input type="radio" value="Female" formControlName="gender">
<span>female</span>
</label>
</form>
Example 2: radio button in reactive forms angular material
<mat-radio-group formControlName="options">
<mat-radio-button value="1">Option 01</mat-radio-button>
<mat-radio-button value="2">Option 02</mat-radio-button>
</mat-radio-group>
Example 3: radio button in reactive forms angular material
constructor(private fb: FormBuilder) {
this.myForm = this.fb.group({
options: ['1']
})
}
Example 4: reactive forms radio button
form: FormGroup;
constructor(fb: FormBuilder) {
this.name = 'Angular2'
this.form = fb.group({
gender: ['', Validators.required]
});
}