Подскажите момент - в шаблоне компонента есть ng-template с

Question

Подскажите момент - в шаблоне компонента есть ng-template с

сылкой, который я пытаюсь через ViewChild получить но получаю undefined. Этот же template в свою очередь передается по клику OverlayRef. Подскажите выход

dropDown передается в метод open. Далее идет инициализация и прорисовка overlay. все по идет по порядку и далее рендерится в *ngTemplateOutlet="template" стороннего компонента. Как мне получить доступ к input полю searchField который на первом скрине?

#angular #frontend #javascript #programming #russian

0

03.12.2021

20 ответов

6 просмотров

Rus Автор вопроса

памагити

0

03.12.2021

Ihor Zinchenko

Rus
памагити

в какой момент дёргается поле с ViewChild на нём?

0

03.12.2021

Rus Автор вопроса

Ihor Zinchenko
в какой момент дёргается поле с ViewChild на нём?

при вызове open пробовал и сеттаймаут и без него все равно undefined

0

03.12.2021

Rus Автор вопроса

Ihor Zinchenko
в какой момент дёргается поле с ViewChild на нём?

хотя есть еще одна ссылка в этом темплейте она иногда бывает видна иногда нет. смотря какая задержка с бэка

0

03.12.2021

Ihor Zinchenko

Rus

при вызове open пробовал и сеттаймаут и без него в...

а как само поле объявлено?

0

03.12.2021

Rus Автор вопроса

Ihor Zinchenko
а как само поле объявлено?

@ViewChild('searchField', {static: false}) searchField: ElementRef<HTMLInputElement>; но опять же пробовал все дополнительные свойства убирать и так не работает

0

03.12.2021

Ihor Zinchenko

Rus
@ViewChild('searchField', {static: false}) searchF...

нюанс в том, что самой разметки темплейта нет в дереве на момент инициализации вьюшки возможно, в этом проблема

0

03.12.2021

Ihor Zinchenko

Rus
@ViewChild('searchField', {static: false}) searchF...

если поповер либа позволяет, можно попробовать завернуть ng-template в компонент, и перенести фокус туда

0

03.12.2021

Rus Автор вопроса

Ihor Zinchenko
если поповер либа позволяет, можно попробовать зав...

спасибо будеm пробовать

0

03.12.2021

Alex Inkin

Rus

при вызове open пробовал и сеттаймаут и без него в...

Лучше всего тебе сделать autoFocus директиву и вешать её на поле

0

03.12.2021

Rus Автор вопроса

Alex Inkin
Лучше всего тебе сделать autoFocus директиву и веш...

в ней есть еще одно ид scrollContainer который отвечает за скролл он тоже зачастую бывает undefined

0

03.12.2021

Alex Inkin

Rus

в ней есть еще одно ид scrollContainer который отв...

Шаблон определён в компоненте А. Ты его передаёшь в компонент Б и там инстанциируешь. У тебя ведь ViewChild в компоненте А? Если так, то всё верно и после проверки изменений в А он должен подхватиться.

0

03.12.2021

Rus Автор вопроса

Alex Inkin
Шаблон определён в компоненте А. Ты его передаёшь ...

а это нормально что оно через такой промежуток времени подхватывает viewChild?

0

03.12.2021

Viacheslav 🇺🇦 Boiko

Rus
а это нормально что оно через такой промежуток вре...

а откуда ты это выводишь в консоль,

0

03.12.2021