What is an example of using reactive forms in Angular?

What is an example of using reactive forms in Angular?

Reactive forms in Angular provide a model-driven approach to handling form inputs. Would you like a code example?

Yes, please provide a simple code example.

Sure! Here's a basic example:

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

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

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

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

How do I add validation to the form?

You can add validation by using Angular's built-in validators. In the example, Validators.required ensures the name field is not empty.