How do I handle form submissions in reactive forms?

How do I handle form submissions in reactive forms?

To handle form submissions in reactive forms, you typically use the onSubmit event of the form. You can bind this event to a method in your component.

Can you show me a code example?

Sure! Here's a simple example:

import { Component } from '@angular/core';
import { FormBuilder, FormGroup } from '@angular/forms';

@Component({
  selector: 'app-my-form',
  template: `
    <form [formGroup]='myForm' (ngSubmit)='onSubmit()'>
      <input formControlName='name' placeholder='Name'>
      <button type='submit'>Submit</button>
    </form>
  `
})
export class MyFormComponent {
  myForm: FormGroup;

  constructor(private fb: FormBuilder) {
    this.myForm = this.fb.group({
      name: ['']
    });
  }

  onSubmit() {
    console.log(this.myForm.value);
  }
}

What if I want to validate the form before submission?

You can add validators to your form controls. For example:

this.myForm = this.fb.group({
  name: ['', Validators.required]
});

Then, you can check if the form is valid in your onSubmit method.