title: Hammer.js for Angular 2+
body: <p>I use hammer.js in my applications (Angular 2 and 5). 
  I use events from this library, as example - tap.
  If I destroy any DOM-element with the help of *ngIf, there's subscription on the event. As a result, there's a reference to the DOM-object in the memory.</p>
  
  <p><a href="https://plnkr.co/edit/He3CLtZMV0C5v1n6zF7i?p=preview" rel="nofollow noreferrer">Example</a></p>
  
  <pre><code>&lt;div class="nnn"
       (tap)="ontp()"
  &gt;&lt;/div&gt;
  
  &lt;ng-container *ngIf="_show"&gt;
      &lt;div class="arr"
           *ngFor="let item of _items"
           (tap)="onT()"
      &gt; 
          {{item}} 
      &lt;/div&gt;
  &lt;/ng-container&gt;
  </code></pre>
  
  <p>How I can remove listener from this DOM-element?</p>
  
  <p><a href="https://i.stack.imgur.com/peiAR.png" rel="nofollow noreferrer">without tap</a>
  <a href="https://i.stack.imgur.com/rsKsn.png" rel="nofollow noreferrer">with tap</a></p>