Submit form mat-radio-group

Pravu :

When I try submit form and when I console.log() it only appear null without value. This my demo code and 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>

Component

changeNotifyForm:FormGroup;
   constructor(private fb: FormBuilder){
      this.changeNotifyForm = fb.group({
        notify: ['', Validators.required]
      });
    }
onSubmit() {
  const notifys = this.changeNotifyForm.value;
  console.log(notifys)
}

Prince :

You do not need to use ngModel as you are already using reactive form. You just need to bind the formControl instance in component class with template using formControlName.

<mat-radio-group class="example-radio-group" name="favoriteSeason" formControlName="notify">

Please find working code here: https://stackblitz.com/edit/angular-fhh6pp-nzroy9

Guess you like

Origin http://10.200.1.11:23101/article/api/json?id=410705&siteId=1

Submit form mat-radio-group

layui the radio button to submit the form

Ajax form submit form

Form form to submit questions

form form submit no response

FormData objects submit the form and submit the form form

Form submit submission form, submit a form difference form with ajax asynchronous,

Two buttons submit a form form

form form to submit data to the server

form form submit onclick and onsubmit

form form submit onclick and onsubmit

python submit the form

Press Enter to submit the form!

SpringMVC-- submit the form

form to submit questions

js realize submit the form

[] Submit the form layui

Enter to automatically submit the form

6 ways to submit form

Sequence and submit form

select submit form

AJAX submit form instance

form submit and ajax submission

select submit form

Submit form parameters together

restTemplate submit form

Submit Form form, do js judgment processing before submit

Analysis of the reasons why form.submit() cannot submit the form

Repeat submit the form to solve the problem

On the submission form synchronous and asynchronous submit