How do I use Angular CLI to create reactive forms?

How do I use Angular CLI to create reactive forms?

To create reactive forms in Angular using CLI, first generate a new component with the command: ng generate component my-form. Then, import ReactiveFormsModule in your module file.

What are the main advantages of using reactive forms?

Reactive forms provide better scalability, easier testing, and more control over form validation compared to template-driven forms.

Can you show me a simple example of a reactive form?

Sure! Here's a basic example:

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

@Component({
  selector: 'app-my-form',
  templateUrl: './my-form.component.html',
})
export class MyFormComponent {
  myForm: FormGroup;

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

This creates a form with name and email fields.

How do I handle form submission?

You can handle form submission by adding a method in your component that gets called on form submission. Use this.myForm.value to access the form data.