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

Question

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

такое и почему при использовании декораторов @HostListener()/@HostBinding() в случае директивы события будут навешаны на элемент, на который была применена директива, а в случае с компонентом события будут навешаны на сам компонент, что и логично.

Однако меня смущает поведение декоратора @Host() при разрешении зависимостей из DI, почему для этого случая хостом будет тот родительский шаблон, внутри которого объявлена директива на элементе или объявлен сам компонент?

Ощущение, что хост это что-то не однозначное и зависит от случая, так ли это?

#angular #frontend #javascript #programming #russian

0

08.10.2023

14 ответов

22 просмотра

Ilya Chursin

xxtux Shvets
хост это элемент дом, на котором висит директива. ...

Хост не обязательно является дом элементом

0

08.10.2023

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

xxtux Shvets
хост это элемент дом, на котором висит директива. ...

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

0

08.10.2023

xxtux Shvets

Mukhamed
я в курсе, что компонент тоже директива, разница л...

нет, компонент мы тоже вешаем на элемент

0

08.10.2023

xxtux Shvets

Ilya Chursin
Хост не обязательно является дом элементом

а на что еще можно повесить байндинг и листенер?

0

08.10.2023

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

xxtux Shvets
нет, компонент мы тоже вешаем на элемент

Имеется в виду, что селектор компонента под капотом условный "div"?

0

08.10.2023

xxtux Shvets

Mukhamed
Имеется в виду, что селектор компонента под капото...

нет такой вещи, селектор компонента. Есть просто селектор. Компонент можно повесить и на [attrname], на селектор с аттрибутом

0

08.10.2023

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

xxtux Shvets
нет такой вещи, селектор компонента. Есть просто с...

Ладно, с этим понятно, суть вопроса была не в этом. Вопрос заключался в понятии хост в ангуляре.

0

08.10.2023

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

Я имею в виду, что в разных местах ангуляр использует термин Host... будь то биндинг, листинер или хост в разрешении зависимостей DI, и вопрос в том, понимается ли под хостом что-то конкретное или это просто наименования, которые между собой ничего общего не имеют?

0

08.10.2023

Максим Федоров

Mukhamed
Я имею в виду, что в разных местах ангуляр использ...

host — двольно распространенное слово как сервис или элемент

0

08.10.2023

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

род. компонент или же шаблон род. компонента с его viewProviders?

0

08.10.2023

Roman V

Mukhamed
род. компонент или же шаблон род. компонента с его...

а в чем разница?

0

08.10.2023

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

ну, если данные будут в providers: [] род компонента, то @Host() не достанет их https://stackblitz.com/edit/stackblitz-starters-8epuvb?file=src%2Fdirectives%2Fhost.directive.ts

0

08.10.2023

Roman V

Mukhamed
ну, если данные будут в providers: [] род компонен...

https://angular.io/guide/hierarchical-dependency-injection тут демка хорошая

0

08.10.2023