title: How to read form values in controller?
body: <p>I am beginner in Angular 2 and I am trying get a value of textbox in component and I really don't know how to get it.</p>
  
  <p><strong>HTML :</strong></p>
  
  <pre><code>&lt;form [formGroup]="regForm" &gt;
                  &lt;label for="txtFName"&gt;First Name&lt;/label&gt;
                  &lt;input type="text" id="txtFName"/&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>component.ts :</strong></p>
  
  <pre><code>import { Component } from "@angular/core"
  import { FormControl, FormGroup, FormBuilder, Validator, Validators,ReactiveFormsModule } from "@angular/forms";
  import { customer } from '../model/customerModel'
  import { Router } from "@angular/router";
  
  export class regComponent
  {
      private Customer:customer;
      private regForm:FormGroup;
      private firstName:FormControl;
  
      constructor (private formBuilder:FormBuilder,private router:Router)
      {
  
          this.firstName=new FormControl('',[Validators.required])
  
          this.regForm=formBuilder.group({
          firstName:this.firstName
      })
  
  console.log(this.regForm.value);
  }
  </code></pre>
  
  <p>here I am getting empty value in the console. Please help in this regard</p>