在离子/角度应用程序中不会触发OnFocus事件

时间:2019-02-20 14:29:59

标签: angular ionic-framework typescript2.0 dom-events onfocus

当用户将选项卡切换到包含按钮的选定离子列时,我正在尝试调用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);
  }

任何帮助表示赞赏。

0 个答案:

没有答案