Угловой Angular – популярные рамки для разработки веб-приложения для одной страницы. Я здесь объясняю вам, как вы можете использовать данные между компонентами. Но до этого нам нужно понимать виды отношений между компонентами
Типы отношений между компонентами
- Родитель к дочерним отношениям
- Ребенок до родительских отношений
- родные отношения
- Нет отношений между компонентами
Родитель к дочерним отношениям – У родителя к дочерним отношениям является одним из наиболее распространенных и простых способов обмена данными. Работает, используя @Input () Декоратор Разрешить передачу данных через шаблон.
Вот пример родителя к дебранию детей с использованием декоратора @input ().
Родитель до детской коммуникации демо
Ребенок в родительские отношения –
Когда нам нужно делиться данными от ребенка к родителю, нам придется использовать декоратор ViewShild (), чтобы получить ссылку на дочерний компонент и получать данные от ребенка на родитель. Одно здесь вы можете получить данные от ребенка к родителю после инициализации дочернего представления. Это означает, что мы должны реализовать процесс жизненного цикла AfterviewInit, чтобы получить данные от ребенка.
Вот пример
Связь брата –
Компонент Sibling может делиться данными между использованием комбинации вышеупомянутых двух детей к родителю и родителю к дочерним отношениям. Champ1 Отправить данные в родительский компонент, а затем родители отправляют данные на Child2 компонент
Нет отношений между компонентами –
Когда нет никаких отношений между компонентами, которые вам нужно использовать услугу для обмена данными между Вот пример.