How do I set up forms in Angular?

How do I set up forms in Angular?

To set up forms in Angular, you can use either Template-driven or Reactive forms. Which one would you like to learn about?

I want to know about Reactive forms.

Great choice! Reactive forms provide more control and are more scalable. First, you need to import ReactiveFormsModule in your app module.

What are the steps to create a simple form?

1. Import ReactiveFormsModule. 2. Create a FormGroup in your component. 3. Bind the form to your template using formGroup directive.

Can you show me an example of a simple form?

Sure! Here's a basic example:

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

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

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