title: Angular Focusout event is not working properly with table
body: <p>I have a table.Each row has <code>html</code> elements like <code>input</code> and <code>span</code>.
  What I am trying to do is triggering an event (<code>focusout</code>) after I focused out of current row.But it is not working properly, it is triggering whenever I focus any column of current row.
  To resolve events, I created a directive named <code>focus-out-directive</code> and used as below</p>
  
  <pre><code>&lt;tr *ngFor="let item of list"  focus-out-directive&gt;
  </code></pre>
  
  <p>you can see full code of what I am working on is in this <a href="https://stackblitz.com/edit/angular-rlzqqw" rel="nofollow noreferrer">link</a></p>