title: Angular 2/4 FormControl in FormGroup not able to display on form with label
body: <p>I am not understanding how to do </p>
  
  <ol>
  <li>console.log of a specific value </li>
  <li>display in a label on HTML page </li>
  <li>display in an input text</li>
  </ol>
  
  <p>Here is my Component Typescript with new FormGroup and then the new FormControls</p>
  
  <pre><code>    this.trackerForm = new FormGroup({
          session: new FormControl('', Validators.required),
          date: new FormControl(new Date(), [
              Validators.required
          ]),
          contactType: new FormControl('', [
              Validators.required
          ]),
          customerType: new FormControl('', Validators.required),
          firstName: new FormControl('', [Validators.required, Validators.minLength(80)]),
          lastName: new FormControl('', [Validators.required, Validators.minLength(80)]),
          phone: new FormControl('', [Validators.required, Validators.maxLength(10), Validators.minLength(10)]),
          extension: new FormControl('', [Validators.maxLength(7)])
  
      });
  
      // this outputs the entire json
      console.log(JSON.stringify(this.trackerForm.value));
      //How do I ONLY console.log  one of the values?   date?
  </code></pre>
  
  <p>HTML on page - </p>
  
  <pre><code>&lt;form [formGroup]="trackerForm" (ngSubmit)="onSubmit(trackerForm.value)" novalidate&gt;
  
   &lt;div&gt;
        &lt;label class="form-control"&gt;&lt;span&gt;{{trackerForm.date.value}}  &lt;/span&gt;&lt;/label&gt;
      &lt;/div&gt;
  </code></pre>