169 похожих чатов

Подскажите, может кто знает как решить проблему... Есть у меня div

блок, у которого мне надо получить ширину через реф (nativeElement.offsetWidth). По идее это я должен делать в ngAfterViewInit. Но проблема в том, что только после прихода данных из сервера в этом блоке отображаются карточки и он приобретает свою реальную ширину. А до этого он пустой и я в итоге получаю ширину пустого блока, вместо полной((

Помогает вынести nativeElement.offsetWidth в ngAfterViewChecked, но это не решение, так как данный хук реагирует на каждый чих и вряд ли подходит...

Вопрос. Как получить ширину элемента уже только после того, как с бека придут данные?

13 ответов

2 просмотра

Если я правильно понял, у вас есть два тригера: 1. Данные с серва попали в компонент 2. Данные из пункта 1. попали в темплейти и отрисовались Использовать их для получения ширины после отрисовки

Oleksandr 🤖- Автор вопроса
Volodimir Shkil
Если я правильно понял, у вас есть два тригера: 1....

ну получается что да, тригер должен быть - когда пришли данные и попали в темплейт. А в ngAfterViewInit ширину меряет еще до того, как пришли эти данные.

Oleksandr 🤖
ну получается что да, тригер должен быть - когда п...

Так, ngAfterViewInit, происходит до того как данные попали в темплейт (в вашем случае), есть еще хук, отрабатывающий не 1 раз, а каждый раз после изменений View. Помойму это ngAfterViewChecked

Oleksandr 🤖- Автор вопроса
Volodimir Shkil
Так, ngAfterViewInit, происходит до того как данн...

как я и написал, то ngAfterViewChecked решает проблему) но он реагирует на каждое движение, что тоже излишне... Пока я его и оставил.

Oleksandr 🤖
как я и написал, то ngAfterViewChecked решает проб...

Костыль - после получения данных воткнуть таймаут и в нем посмотреть ширину

Oleksandr 🤖- Автор вопроса
Oleg Safonov
Костыль - после получения данных воткнуть таймаут ...

я думал, как вариант, но мне по рукам за такое все равно дадут при ревью кода

Oleksandr 🤖
как я и написал, то ngAfterViewChecked решает проб...

Лучше всего сделать данные через rxjs, subject например, подписаться, проверить ширину, отписаться

Oleksandr 🤖- Автор вопроса
Volodimir Shkil
Лучше всего сделать данные через rxjs, subject нап...

тоже в голове думал о какой-то подписке, но пока не достаточно опыта, чтобы реализовать))

Oleksandr 🤖
тоже в голове думал о какой-то подписке, но пока н...

Самое время изучить, потом может быть лень. Конструкция будет максимально простая ;)

Oleksandr 🤖
я думал, как вариант, но мне по рукам за такое все...

А может обернуть содержимое в ещё один блок, который будет с ngIf и отображаться только когда данные есть? Тогда afterviewinit на вложенный блок должен нормально работать

Oleksandr 🤖- Автор вопроса
Oleg Safonov
А может обернуть содержимое в ещё один блок, котор...

о... это интересное решение. Я просто думал, что будет underfined если блока нет. А может хук сработает повторно после отображения блока? Тогда попробую ща

Oleksandr 🤖
о... это интересное решение. Я просто думал, что б...

Нужно afterViewInit во вложенном только делать)

Oleksandr 🤖- Автор вопроса
Oleg Safonov
Нужно afterViewInit во вложенном только делать)

ок, хотя я думал обойтись без вложенного)

Похожие вопросы

Обсуждают сегодня

Мужики и девушки, привет) в Вelphi xe7 в настройках во вкладке "Editor Options" далее " Color" есть список: "Elements", открыв который мы можем настраивать отображение разных...
Kraszx
14
Добрый вечер. Есть вопрос, а может и предложение. Был у меня диалог в другой группе о делфи и я задался вопросом: "А нельзя ли в делфи цвет //коментария и {комментария} сде...
Kraszx
24
Я вот подумал. SSE выполняет операции максимум с 64-битной точностью. А FPU - всегда с 80-битной. Разве не должно быть FPU точнее тогда?
The Bird of Hermes
13
как быть с принтером? такой подход прокатит?
zamtmn
12
Мдя, прикол, боевая сборка запускается (именно под отладчиком) после F9 примерно полторы минуты (97 секунд если быть точным). Начал копать - проблема детектится сразу - зависа...
Александр (Rouse_) Багель
38
Всем привет! Подскажи, пожалуйста, как передать в TComboBox сразу значение и id записи. На Delphi я делал так: ComboBox1.Items.AddObject('Какое-то значение', Pointer(id запис...
Евгений
13
Я не понимаю, это троллинг или что? Швабрика поддерживают, который буквально пишет на ассемблере взаимодействия с винапи. Я это ещё написал загрузчик и хоть что-то изучаю в о...
Shadow Akira
6
Здравствуйте, вопрос по структурам данных. Были у вас случаи, когда пришлось писать деревья или двунаправленные списки?
/ /
50
А вот это что за конструкция? Вернее, она тут нафига?
Serjone
10
Привет. Подскажите, как правильно сматчить лист фиксированного размера, чтобы компилятор не говорил мне о неполном паттерне? Допустим что-то такое [x', y'] = sort [x, y]?
Arseny
8
Карта сайта