Как заменить компоненты внутри родительского компонента

Question

У меня есть форма поиска с результатами поиска.Я могу ввести один результат поиска и просмотреть его детали, а затем вернуться к списку результатов.Как сохранить данные в форме поиска при изменении компонента результатов / сведений?Поиск - это отдельный компонент, который отображается сбоку экрана, а другие компоненты взаимозаменяемы.Детали / список также являются отдельными компонентами.Маршрут с поиском - «/ search», а маршрут, который активируется после ввода данных, - «/ search /: id».Что такое лучшая практика для такой вещи?

Answer 1

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

Если вы подаете небольшое заявление, вы можете воспользоваться услугами.

если оба ваших компонента отображаются в том же виде, что и слева, у вас есть компонент поиска, и справа, если у вас есть компонент списка, вы можете использовать прослушиватели событий @output и @Input.

Также вы можете использовать Subject of RxJS для работы с событиями и управлениями состояния.