当用户将选项卡切换到包含按钮的选定离子列时,我正在尝试调用onFocus事件,我尝试了几种方法使其正常工作,但它们似乎都不起作用,是否有明显的我遗漏的东西在这里?
库版本:角形5.2.10,离子形4.7.0,离子形角3.9.2,打字稿2.6.2
HTML:
<ion-item *ngFor="let item of itemsFiltered; let i = index; first as isFirst; last as isLast">
<ion-grid>
<ion-row>
<ion-col col-9>
<button ion-item tappable (click)="selectItem(item)" (ionFocus)="checkFocus(first, last)" (focus)="anotherFocus($event)"
[color]="selectedItem === item ? 'selected' : ''"
>
<span [class]="options.optionTextClass ? options.optionTextClass : null">{{ item.optionText }}</span>
</button>
</ion-col>
</ion-row>
我尝试在按钮标签内使用角度/离子属性,例如[ionFocus]或[focus]都没有被调用。
我还以编程方式将@HostListeners添加到控制器中,令人惊讶的是'focusout'可以正常工作,但不能'focus'
@HostListener('focus', ['$event.target'])
public onFocus(target) {
console.log('Focus called');
console.log(target);
}
@HostListener('focusout', ['$event.target'])
public onFocusout(target) {
console.log('Focus out called');
console.log(target);
}
任何帮助表示赞赏。