title: Angular addEventListener with options
body: <p>How to use <a href="https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener" rel="nofollow noreferrer">addEventListener</a> function with options with Angular 5? If there is document, could you please point me to it? Thanks</p>
  
  <pre><code>target.addEventListener(type, listener[, options]);
  target.addEventListener(type, listener[, useCapture]);
  </code></pre>
  
  <p>Angular way of listening to event method don't seem to allow that.</p>
  
  <p>inside HTML template</p>
  
  <pre><code>&lt;div (click)='handleClick()'/&gt;
  </code></pre>
  
  <p><a href="https://angular.io/api/core/Renderer2" rel="nofollow noreferrer">Angular renderer2</a> listen method:</p>
  
  <pre><code>listen(target: 'window' | 'document' | 'body' | any, eventName: string, callback: (event: any) =&gt; boolean | void): () =&gt; void
  </code></pre>
  
  <p><a href="https://angular.io/api/core/HostListener" rel="nofollow noreferrer">HostListener</a>  </p>
  
  <pre><code>@HostListener({ 
    eventName?: string
    args?: string[]
  })
  </code></pre>