title: Delay in input change Angular
body: <p>Hello I have an input in my application which fires on every stroke but I want some delay so for eg. trigger my search function after 1 sec so that it doesn't send multiple requests</p>
  <p><strong>My Html Code</strong></p>
  <pre><code>&lt;input id=&quot;musicsearch&quot;
    (input)=&quot;onSearchChange($event.target.value)&quot;  
    ng-model-options=&quot;{debounce:1000}&quot; 
    class=&quot;form-control mr-sm-2&quot;style=&quot;width: 100%;&quot;
    type=&quot;text&quot;placeholder=&quot;Search&quot;&gt;
  </code></pre>
  <p><strong>component.ts (which handles change)</strong></p>
  <pre><code> onSearchChange(searchValue : string ) {    
      this.router.navigate(['/search', searchValue]);      
    }
  </code></pre>
  <p>I am new to angular I can't find solution for my problem, I want to trigger this when user stop typing in input</p>