当焦点失去放置在表中的输入时如何触发“focusout”事件?

Ste*_*pUp 6 html input lost-focus angular2-template angular

我有一个放置table位置:input

<tr *ngFor="let persons of ReceivedData">
  <td *ngFor="let person of persons">

    <div *ngIf="person.personId === editRowId && person.editable === true ">
        <input type="number" [(ngModel)]="person.CarCount" 
               (focusout)="focusOutFunction()"/>
    </div>                            
    <div *ngIf="person.editable === false " (click)="toggle(person)">
        {{ person.CarCount ? person.CarCount : '-' }}
    </div>

  </td>
<tr>
Run Code Online (Sandbox Code Playgroud)

但该focusout事件并未被解雇。这是处理该函数的方法focusout

focusOutFunction() {        
}
Run Code Online (Sandbox Code Playgroud)

有趣的是,当未放置在内部时,focusout效果很好:inputtable

<input type="number" (focusout)="focusOutFunction()" />
Run Code Online (Sandbox Code Playgroud)

当我聚焦在桌子内部时如何触发事件?

Z. *_*ley 5

这是一个在表中进行处理的工作 plnkrfocusout其设置与您类似。另一个关键是包含一个autofocus属性:

 <input type="number" [(ngModel)]="person.CarCount" 
           (focusout)="focusOutFunction()" autofocus/>
Run Code Online (Sandbox Code Playgroud)