«Ранее на Lost»
Очень часто возникает необходимость взаимодействия с другим компонентом при разработке любых фреймворков или библиотек. В angular есть способы это сделать.
Обычно вы используете взаимодействие декораторов ввода и вывода между родительскими и дочерними компонентами, но если речь идет о взаимодействии между перекрестными компонентами, этого было бы достаточно сложно использовать использование привязки свойств. Это отличный способ использовать инъекционные сервисы для передачи данных между перекрестными компонентами.
Сервисы делают коды более компактными, более простыми в обслуживании. Нет необходимости создавать с помощью этих сложных элементов ввода и вывода, в которые вы передали события и свойства для взаимодействия между компонентами.
Я сделал простой пример, который включает два компонента в рамках компонента приложения. Первый компонент принимает ввод от пользователя, а другой перечисляет его через внедренную службу. Вот мой служебный файл a-компонента.
В моем файле a-component добавлены два символа по умолчанию, и пользователь добавляет поверх них. Когда страница отображается первой, я хочу увидеть символы по умолчанию, поэтому я также испускаю массив символов в методе ngOnInit ().
При нажатии на него вводится пользовательский ввод в файл a.service, а затем для получения данных от b-компонента необходимо подписаться с импортом услуги a-компонента.
Итак, данные, которые передаются из a-компонента, готовы к использованию в b-компоненте. Простой :)
