title: Angular 6: Reactive Form's updateOn: 'submit' is not updating value after submitting
body: <p>I'm testing with Angular reactive form validation with <code>updateOn</code> parameter but it seems that even the simplest form is not working correctly when I pass <code>updateOn: 'submit'</code> (other values are working fine).</p>
  
  <p>app.component.html:</p>
  
  <pre><code>&lt;form novalidate (submit)="onSubmit()"&gt;
    &lt;input type="text" [formControl]="form.get('test')"&gt;
  
    Value: {{ form.get('test').value }}
  
    &lt;button type="submit"&gt;SUBMIT&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>app.component.ts:</p>
  
  <pre><code>import { Component } from '@angular/core';
  import { FormControl, FormGroup, Validators } from '@angular/forms';
  
  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
  })
  export class AppComponent {
    public form = new FormGroup({
      test: new FormControl('', { validators: [Validators.required], updateOn: 'submit'}),
    });
  
    public onSubmit(): void {
      console.log('Submitted:');
      console.log(this.form.value); // Got: Object { test: "" }
    }
  }
  </code></pre>
  
  <p>Full and working code: <a href="https://codesandbox.io/s/67pmd" rel="noreferrer">https://codesandbox.io/s/67pmd</a></p>
  
  <p>What I'm getting after clicking a button is empty field value (both in html and in console). But if I change/leave <code>updateOn</code> to default, then it's working fine. From what I see, value and validations should be updated only after submitting the form, but it seems that it doesn't? What I am missing here?</p>