title: Angular FormGroup won't update it's value immediately after patchValue or setValue
body: <p>I have a form like below:</p>
  
  <pre><code> createForm() {
      this.procedimentoForm = this.formBuilder.group({
        nome: ['', Validators.required],
        descricao: ['', Validators.required],
        conteudo: ['', Validators.required],
        solucao: ['', Validators.required],
        mesa: ['', Validators.required]
      });
    }
  </code></pre>
  
  <p>The template:</p>
  
  <pre><code>&lt;form [formGroup]="procedimentoForm" class="ui form"&gt;
    {{procedimentoForm.value.conteudo}}
  
  
    &lt;div class="field"&gt;
      &lt;label&gt;Descrição&lt;/label&gt;
      &lt;input type="text" placeholder="Descrição" formControlName="descricao"&gt;
    &lt;/div&gt;
  
    &lt;div class="field"&gt;
      &lt;label&gt;Conteúdo&lt;/label&gt;
      &lt;tinymce [elementId]="'conteudo'" (onEditorKeyup)="keyupHandlerFunction($event)"&gt;&lt;/tinymce&gt;
    &lt;/div&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <p>It uses a custom component that implement a TinyMCE editor:</p>
  
  <pre><code>import { Component, AfterViewInit, ViewChild, EventEmitter, forwardRef, ElementRef, OnDestroy, Input, Output } from '@angular/core';
  import { 
  ControlValueAccessor, 
  NG_VALUE_ACCESSOR, 
  NG_VALIDATORS, 
  FormControl, 
  Validator 
  } from '@angular/forms';
  
  @Component({
  selector: 'tinymce',
  templateUrl: './tinymce.component.html',
  })
  export class TinyMCEComponent implements AfterViewInit, OnDestroy {
  @Input() elementId: String;
  @Output() onEditorKeyup = new EventEmitter();
  
  editor;
  
  ngAfterViewInit() {
      tinymce.init({
          selector: '#' + this.elementId,
          plugins: ['link', 'paste', 'table'],
          skin_url: '../assets/skins/lightgray',
          setup: editor =&gt; {
              this.editor = editor;
              editor.on('keyup', () =&gt; {
                  const content = editor.getContent();
                  this.onEditorKeyup.emit(content);
              });
          }
      });
  }
  
  ngOnDestroy() {
      tinymce.remove(this.editor);
  }
  </code></pre>
  
  <p>}</p>
  
  <p>The keyup handler in the form looks like this:</p>
  
  <pre><code>keyupHandlerFunction(event) {
      console.log(this.procedimentoForm);
      this.procedimentoForm.markAsDirty()
      this.procedimentoForm.patchValue({ conteudo: event }, {onlySelf: false, emitEvent: true});
      console.log(this.procedimentoForm.value.conteudo);
    }
  </code></pre>
  
  <p>The problem is, I can see that this.procedimentoForm.value.conteudo is changing because I log "console.log(this.procedimentoForm.value.conteudo)" in the keyup event handler. But, {{procedimentoForm.value.conteudo}} doesn't update until I change the focus out of the editor. Also, the validation won't update until the focus changes. I can't see why.</p>