title: Angular - close modal window with event
body: <p>I would like to fire an event when the close button is clicked within the modal window.
  The button has the attribute <code>data-dismiss="modal"</code> and doesn't call the <code>click</code> event. Is it possible to have data-dismiss and <code>click</code> event or only <code>click</code> event and close modal from class? </p>
  
  <pre><code>&lt;div class="modal-dialog"&gt;
   &lt;div class="modal-content"&gt;
    &lt;div class="modal-header"&gt;
      &lt;button type="button" class="close" data-dismiss="modal" (click)="close()"&gt;&amp;times;&lt;/button&gt;
      &lt;h4 class="modal-title"&gt;{{modalHeader}}&lt;/h4&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  
  
  close() {
      //Can I close modal window manually?
      this.onClose.emit();
    }
  </code></pre>
  
  <p>Method <code>close</code> dont call because button has <code>data-dismiss</code> attribute.</p>
  
  <p>Thank you</p>