title: How to fire "focusout" event when focus lost of input placed in table?
body: <p>I have a <code>table</code> where <code>input</code>is placed:</p>
  
  <pre><code>&lt;tr *ngFor="let persons of ReceivedData"&gt;
    &lt;td *ngFor="let person of persons"&gt;
  
      &lt;div *ngIf="person.personId === editRowId &amp;&amp; person.editable === true "&gt;
          &lt;input type="number" [(ngModel)]="person.CarCount" 
                 (focusout)="focusOutFunction()"/&gt;
      &lt;/div&gt;                            
      &lt;div *ngIf="person.editable === false " (click)="toggle(person)"&gt;
          {{ person.CarCount ? person.CarCount : '-' }}
      &lt;/div&gt;
  
    &lt;/td&gt;
  &lt;tr&gt;
  </code></pre>
  
  <p>But the <code>focusout</code> event isn't fired. 
  Here's the method handling the <code>focusout</code> function:</p>
  
  <pre><code>focusOutFunction() {        
  }
  </code></pre>
  
  <p>Interestingly <code>focusout</code> works perfectly when <code>input</code> is not placed inside <code>table</code>:</p>
  
  <pre><code>&lt;input type="number" (focusout)="focusOutFunction()" /&gt;
  </code></pre>
  
  <p>How can I fire an event when I focus inside of the table?</p>