Reactive Form Controller

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

@Component({
  selector: 'my-home',
  templateUrl: './home.component.html'
})
export class HomeComponent {
  userForm: FormGroup;

  constructor (formBuilder: FormBuilder) {
    this.userForm = formBuilder.group({
      name: '',
      email: '',
      address: formBuilder.group({
        country: '',
        city: '',
      })
    });
  }

  onFormSubmitted(form) {
    console.log('form value:', form.value);
    // Rest of the logic here
  }
}