Angular Reactive Form

app.module.ts
import { FormsModule, ReactiveFormsModule } from '@angular/forms';

app.ts
import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';

constructor(public formBuilder : FormBuilder) {}

ngOnInit() {
    this.myform = this.formBuilder.group({
      name : new FormControl(null),
      email : new FormControl(null),
      phone : new FormControl(null, [Validators.required]),
    });
  }

 submitForm() {
    console.log(this.myform.value);
 }
 
app.html

 <form [formGroup]="myform" (ngSubmit)="submitForm()">
    <input class="form-control" formControlName="name" />
    <input class="form-control" formControlName="email" />
    <input class="form-control" formControlName="phone" />
    <button type="submit">Submit</button>
 </form>