title: Why is form.value empty in ngAfterViewInit
body: <p>I'm trying to get my form value in ngAfterViewInit. Unfortunately it's always empty. I'm experting something like: <code>{"name1":null, "name2": null}</code> but i get <code>{ }</code>.</p>
  
  <p>The documentation says the following about <code>ngAfterViewInit</code>:</p>
  
  <blockquote>
    <p>called after initializing the component's views and child views.</p>
  </blockquote>
  
  <p>I'm assuming the form is created at this point, but then why is my value empty?</p>
  
  <p>My html:</p>
  
  <pre><code>&lt;form novalidate #form="ngForm"&gt;
      // &lt;Item 1...
      // &lt;Item 2...
  
  
      &lt;button type="submit" (click)="search()" class="btn btn-default"&gt;Zoeken&lt;/button&gt;
  &lt;/form&gt;
  
  //This is displaying the correct value
  &lt;div&gt;
      &lt;p&gt;Form: {{ form.value | json }}&lt;/p&gt;
      &lt;p&gt;Form status: {{ form.control.status }}&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Component:</p>
  
  <pre><code>export class BijComponent implements AfterViewInit, OnInit {
      @ViewChild('form') form: FormGroup;
  
  
      constructor(private bijService: BijService, private sessionService: SessionService) { }
  
      ngOnInit() {
          // Do stuff
      }
  
      ngAfterViewInit() {
          let v = JSON.stringify(this.form.value);// is `{ }`???
      }
  
      search(){
          //Search function
      }
  }
  </code></pre>