Как получить данные от компонента-потомка по требованию компонента-предка?

Question

[Urukhayy]

Нужно при нажатии кнопки у компонента-предка брать JSON данные, которые являются полем в классе компонента-потомка, которые в свою очередь попадают туда через input.
Как правильней реализовать это на input/output?

Answer 1

[zekohina]

1) Писать данные в сервис, и оттуда брать.
2) Посылать событие сверху вниз, и если есть данные, то посылать событие обратно наверх, с данными.

Comments

[Urukhayy]

Как послать событие вниз?

Answer 2

[lega]

Передавать через сервис - не всегда лучший способ.
Например компонент video, вы команды play() и pause() через сервис вызывать будете? Это делается напрямую.
А элемент input, что-бы получить input.value, тоже будете сервис заводить для этого и хранить ссылки на все input-компоненты? Это в redux по большому кругу данные гоняют, и то не всегда.

Можно посылать событие - что костыль, можно сделать "публикацию" апи, в инете есть примеры, в других фремворках это есть из коробки, пример alight: https://jsfiddle.net/lega911/kr1hwoj6/

Answer 3

[Виталий]

Все подобные действия в Ангуляре делаются через сервисы.
Например, на input вешается сеттер, который после присвоения дублирует значение на сервис контекста, который затем инжектится в компоненты-потомки.