Ребят, получаю данные с родителя через @Input(). При нажатии на

Question

Ребят, получаю данные с родителя через @Input(). При нажатии на

кнопку в хтмл, дёргается бэк, приходят новые данные в компонент по цепочке. Мне нужно перестроить хтмл в зависимости от того, что вернулось.
Если я в OnInit заинитил действия, то при получении новой даты пересчет на уровне компонента не произойдёт.
Как лучше/правильно сделать? В simpleChanges запихнуть или в какие-то другие жизненные хуки переместить логику? Как это правильно загуглить, чтоб почитать?

#angular #frontend #javascript #programming #russian

0

28.08.2023

14 ответов

33 просмотра

🇰🇿 ангулярный чел 🇰🇿

Да много вариантов есть, как вариант, темплейт перестраивать структурной директивой

0

28.08.2023

Oleg Safonov

Зачем? Оо Хотя, может вы поняли, что ему нужно 🤔

0

28.08.2023

🇰🇿 ангулярный чел 🇰🇿

Oleg Safonov
Зачем? Оо Хотя, может вы поняли, что ему нужно 🤔

Ну как я понял задача состоит в том что темплейт должен зависеть от того что от родителя в инпут приходит

0

28.08.2023

Oleg Safonov

🇰🇿 ангулярный чел 🇰🇿
Ну как я понял задача состоит в том что темплейт д...

"Темплейт зависит от того, что придёт" - это очень обширное определение)

0

28.08.2023

🇰🇿 ангулярный чел 🇰🇿

Oleg Safonov
"Темплейт зависит от того, что придёт" - это очень...

Ну вот и я постарался дать обширный ответ)

0

28.08.2023

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

🇰🇿 ангулярный чел 🇰🇿
Ну как я понял задача состоит в том что темплейт д...

Больше склоняюсь к жизненным циклам компонента, только не пойму как это правильно загуглить. По дефолту, на сколько помню, @Input() values в компоненте не трэкаются... А какие жизненные хуки это могут мониторить?

0

28.08.2023

Oleg Safonov

Артур
Больше склоняюсь к жизненным циклам компонента, то...

Не мутируйте данные, все трекается тогда

0

28.08.2023

🇰🇿 ангулярный чел 🇰🇿

Артур
Больше склоняюсь к жизненным циклам компонента, то...

ngOnChanges так-то трекает инпуты, может быть да, не трекается потому что тот же самый объект приходит

0

28.08.2023

Oleg Safonov

Артур
Больше склоняюсь к жизненным циклам компонента, то...

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

0

28.08.2023

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

Oleg Safonov
Вы задачу лучше расскажите нормально, тогда точно ...

Ща попробую сам, а там если что отпишусь)

0

28.08.2023

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

Oleg Safonov
Вы задачу лучше расскажите нормально, тогда точно ...

Попытка #2. Система фильтрации: тогглы/чекбоксы. Каждый из них дёргает бэк. Блок чекбоксов - ребенок. Из родителя в ответ прилетает через @Input() в каждого ребенка все с ним связанные items[]. В зависимости от состояния выбора нужно менять состояние чекбоксов/тогглов. onChanges отрабатывает раньше, чем приходит новый инпут из бэка. В каком направлении копать не совсем понимаю. Как сделать так, чтобы инпут можно было сделать наблюдаемым?

0

28.08.2023

Andrei

Артур
Попытка #2. Система фильтрации: тогглы/чекбоксы. К...

@Input set name(val){ this.subjectName.next(val) } И в новых версиях вроди должны были сделать инпуты реактивными...хз

0

28.08.2023

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

Andrei
@Input set name(val){ this.subjectName.next(val) }...

Сейчас 15 стоит, скоро переезд вроде. Спасибо, как раз про это статью нашёл

0

28.08.2023