<form method="post" [formGroup]="registerForm" (ngSubmit)="onSubmit()">
              <div id="tab-2" class="log-tab-content">
                <div class="login-form">

                  <div class="login-left">
                    <input type="text" name="first_name" placeholder="First Name *"/>
                    <div class="clearfix"></div>
                    <input type="text" name="email" placeholder="Email *"/>
                    <div class="clearfix"></div>
                    <input type="text" name="password" placeholder="Password *"/>
                    <div class="clearfix"></div>
                  <button type="submit" class="log-button log-button1">Register now</button>
                </div>
              </div>
            </form>

import { Component, OnInit } from '@angular/core';
import { AuthService } from '../services/auth.service';
import { DataService } from '../services/data.service';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';

@Component({
  selector: 'app-x-home',
  templateUrl: './x-home.component.html',
  styleUrls: ['../app.component.css', './x-home.component.css']
})
export class XHomeComponent implements OnInit {

  timezones: Object;
  registerForm: FormGroup;
  submitted = false;

  constructor(private reg: AuthService, private data: DataService, private formBuilder: FormBuilder) { }
  registered: boolean = false;
  ngOnInit() {
    this.data.getTimeZone().subscribe(storeData=> {
      this.timezones = storeData;
    })
    this.registerForm = this.formBuilder.group({
      first_name: ['', Validators.required]
    })
  }

  get e() { return this.registerForm.controls; }

  onSubmit(e) {
    const user = {
      first_name: e.controls.first_name.value,
      last_name: e.controls.last_name.value,
      email: e.controls.email.value,
      c_email: e.controls.c_email.value,
      password: e.controls.password.value,
      c_password: e.controls.c_password.value,
      birth_date: e.controls.birth_date.value,
      phone: e.controls.phone.value,
      timezone: e.controls.timezone.value
    };
    console.log(e.controls);
    console.log(e.first_name.value);
    console.log();

    this.reg.registerUser(user).subscribe(
      (res) => {
          this.registered = res ? true : false;
          // console.log(this.registered);
      },
      (err) => {
          console.log(err);
      }
   );
  }
}