la ley:
Cuando intento Envíe el formulario y cuando console.log()
que sólo aparecen nula y sin valor. Este código de mi demo y stackblitz
HTML
<form [formGroup]="changeNotifyForm" (ngSubmit)="onSubmit()">
<mat-radio-group class="example-radio-group" name="favoriteSeason" [(ngModel)]="favoriteSeason" [ngModelOptions]="{standalone: true}">
<mat-radio-button class="example-radio-button" *ngFor="let season of seasons" [value]="season">
{{season}}
</mat-radio-button>
</mat-radio-group>
<button>submit</button>
</form>
Componente
changeNotifyForm:FormGroup;
constructor(private fb: FormBuilder){
this.changeNotifyForm = fb.group({
notify: ['', Validators.required]
});
}
onSubmit() {
const notifys = this.changeNotifyForm.value;
console.log(notifys)
}
Príncipe :
No es necesario utilizar ngModel como ya está utilizando forma reactiva. Sólo tiene que obligar a la instancia FormControl en clase de componente con la plantilla utilizando formControlName
.
<mat-radio-group class="example-radio-group" name="favoriteSeason" formControlName="notify">
Por favor, encontrar el código de trabajo aquí: https://stackblitz.com/edit/angular-fhh6pp-nzroy9