html - 如何在放置在表格中的输入失去焦点时触发 "focusout"事件?

原文 标签 html angular input angular2-template lost-focus

我有一个 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>

但是focusout事件没有被触发。
这是处理 focusout 的方法功能:
focusOutFunction() {        
}

有趣的是focusoutinput 时工作完美没有放在里面table :
<input type="number" (focusout)="focusOutFunction()" />

当我专注于表格内部时,如何触发事件?

最佳答案

Here's a working plnkrfocusout在具有与您类似的设置的表中进行处理。另一个关键是包含一个 autofocus属性:

 <input type="number" [(ngModel)]="person.CarCount" 
           (focusout)="focusOutFunction()" autofocus/>

关于html - 如何在放置在表格中的输入失去焦点时触发 "focusout"事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46097461/

相关文章:

javascript - 如何使Jquery在页面的特定区域上扩展div?

javascript - 如何对齐文本和输入?

angular - RXJS 在管道内组合多个可观察对象

angular - 如何将文档注入(inject) systemjs-builder 以捆绑 angular 4.0.0 应用程序?

file - 如何合并两个文本文件?

javascript - 如果此代码中输入为空,如何添加?

java - android 窗口软输入模式

html - div 不显示 : Rollover Image Link

javascript - [required] 字段的解决方法不适用于下拉框

带有真实示例的 Angular Material 树复选框