title: Adding/Updating text/value of an Input Field after change (Angular)
body: <p>Say I have this setup:</p>
  
  <p>template:
   <code>&lt;input [(ngModel)]="myValue" type="text" /&gt;
       &lt;button (click)="addText"&gt;Click me&lt;/button&gt;
       {{myValue}}</code>    </p>
  
  <p>code:</p>
  
  <pre><code> addtext()
  {
  this.myValue='test';
  }
  </code></pre>
  
  <p>If I click the button the inputfield stays empty, but the {{myValue}} is updated.
  How can I add the text to the inputfield (or better update it, since the nGModel has the real value already)?</p>
  
  <p>Edit:</p>
  
  <p>When clicking the button a child component is shown where the user adds/selects some data. When the child is filled, an event is emitted with the data of the child component.
  The parent reacts via an "onFilled"-event and changes the model. But since the View doesnt know about the changes, the input is not updated (even the ng-reflect-model is correct).</p>
  
  <p>So my real question is: How to force angular to run an update on the view / rerender it? </p>
  
  <p>Emit-Part:</p>
  
  <p>Child:</p>
  
  <pre><code>@Output myEmitter:new EventEmitter&lt;object&gt;();
  
  filled(){
  this.myEmitter.emit({value:'Test'});
  }
  </code></pre>
  
  <p>Parent:
      (myEmitter)='onMyEmitter($event)' added to input</p>
  
  <pre><code> onMyEmitter(value) {this.myValue = value}
  </code></pre>