1

вот если есть два компонента, и в первом компоненте есть какой то метод, и допустим, этот метод получает данные. И надо эти полученные данные отправить во второй соседний компонент.

<child1></child1>
<child2></child2>

Как это сделать? И вообще стоит ли так делать. Заранее спасибо

1

1 ответ 1

3

Делать можно двумя способами:

  1. Через общий сервис. Создаете сервис, в обоих компонентах используете данный сервис для передачи данных.
  2. Используете входящие и исходящие параметры компонентов.

Какой подход выбрать - зависит от задачи.

  1. Если компоненты находятся в разных компонентах, то первый способ.

  2. Если компоненты находятся рядом, в одном компоненте, то можно использовать оба способа.

Пример первого способа:

https://stackblitz.com/edit/angular-m7i3ar?file=app%2FcomponentB.component.ts

Пример второго способа:

https://stackblitz.com/edit/angular-xtceyk?file=app%2Fapp.component.html

7
  • если компоненты рядом - то входящие/исходящие параметры все еще неудобны
    – Grundy
    6 мар 2018 в 18:28
  • @Grundy Возможно и не удобны. Но тем не менее так можно делать - и так делается. 6 мар 2018 в 18:38
  • @Grundy можете метки Angular 5, Angular 4 и Angular 2 сделат синонимами? 6 мар 2018 в 18:39
  • Но из ответа выходит, что если компоненты рядом, то только входные/выходные параметры нужно использовать, что в общем случае будет весьма проблематично
    – Grundy
    6 мар 2018 в 18:40
  • Для синонимизации можно создать тему на мете, либо предложить самому. Там несколько голосов нужно
    – Grundy
    6 мар 2018 в 18:40

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.