title: Angular 2: Debounce (ngModelChange)?
body: <p>Is there a way to debounce the template directive <code>(ngModelChange)</code>?</p>
  
  <p>Or, alternatively, what is the least-painful way to do it a different way?</p>
  
  <p>The closest answer I see is this: <a href="https://stackoverflow.com/questions/34615425/how-to-watch-for-form-changes-in-angular-2">How to watch for form changes in Angular 2?</a></p>
  
  <p>So, for example, I have a text input, I want to get onChange updates, but I want to debounce it down from every keystroke:</p>
  
  <pre><code>&lt;input type="text" class="form-control" placeholder="Enter a value" name="foo" [(ngModel)]="input.event.value" (ngModelChange)="onFieldChange($event, input)"&gt;
  </code></pre>
  
  <p>Debounce <code>onFieldChange()</code></p>