Angular - PrimeNg - Autocomplete - focus() na starcie

0

Witam walcze już którąś godzinę z komponentem primeNg, a konkretnie z autocompleterem.
Chciałbym aby po wejściu na stronę autocompleter dostawał focus
Próbowałem z atrybutami, próbowałem stworzyć Directive, poległem, dla zwykłego inputa dziala dla komponentu Primeng nie, próbowałem
z pobraniem getElemntById w ngAfterViewInit, też nie działa.

Ma ktoś jakąś wskazówkę co zrobić

0

ok, udało mi się dostać do wewnętrznego elementu input i nadać mu focus:
w HTML

<p-autoComplete id="test"> </p-autoComplete>

W TS

document.getElementById('test').getElementsByTagName('span')[0].getElementsByTagName('input')[0].focus();

Niestety to rozwiązanie wygląda bardzo nieładnie czy znajdzie się tu ktoś z większym doświadczeniem i powie jak zrobić żeby to było poprawne
"in AngularWay"

Pozdrawiam

0

<p-autoComplete #focusOnElement id="test" ></p-autocomplete>

@ViewChild('focusOnElement') inputEl: AutoComplete ;

this.inputEl.domHandler.findSingle(this.inputEl.el.nativeElement, 'input').focus()

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0