Событие OnFocus не запускается в ионном / угловом приложении - PullRequest
Новая
       30

Событие OnFocus не запускается в ионном / угловом приложении

0 голосов
/ 20 февраля 2019

Я пытаюсь вызвать событие 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>

IЯ пытался использовать угловые / ионные атрибуты внутри тега кнопки, такие как (ionFocus) или (focus), но ни один из них не вызывается.

Я также программно добавил @HostListeners в свой контроллер и неожиданно 'focusout'отлично работает, но не «фокус» 

 @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);
  }

Любая помощь приветствуется.

...