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)
当我聚焦在桌子内部时如何触发事件?
这是一个在表中进行处理的工作 plnkr,focusout其设置与您类似。另一个关键是包含一个autofocus属性:
<input type="number" [(ngModel)]="person.CarCount"
(focusout)="focusOutFunction()" autofocus/>
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
10245 次 |
| 最近记录: |