Question

我有一个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() {        
}

有趣的是，当focusout未置于input内时table完美无缺：

<input type="number" (focusout)="focusOutFunction()" />

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

Answer 1

focusout Here's a working plnkr autofocus在一张桌子内进行处理，其设置与您的设置类似。另一个关键是包含

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

属性：

  location / {
       if ($arg_sharing)
       {
          return 301 /social-sharing;
       }

       location ~ .*/sharing/?.* {
          return 301 /social-sharing;
       }
  }

Answer 2

使用blur事件来获得焦点。

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

如何解雇＆＃34;聚焦＆＃34;当焦点丢失输入表中的输入时？

2 个答案: