如何替换父组件中的组件

时间:2019-09-23 06:57:47

标签: angular

我有一张包含搜索结果的搜索表。我可以输入一个搜索结果并查看其详细信息,然后可以返回结果列表。在更改结果/详细信息组件时,如何在搜索表单上保留数据?搜索是一个单独的组件,当其他组件互换时,显示在屏幕的侧面。详细信息/列表也是一个单独的组件。搜索路径为“ / search”,输入详细信息后激活的路径为“ / search /:id”。做这种事情的最佳实践是什么?

1 个答案:

答案 0 :(得分:1)

如果使用单独的页面,则可以使用ngRx(Redux)的状态管理。在那里,您可以非常清楚地处理搜索功能的状态。但是使用ngRx涉及许多工作,因此如果您正在开发小型应用程序,则不必强制使用。

如果您要制作小型应用程序,则可以使用服务。

如果两个组件都显示在同一视图上(如左侧,则具有搜索组件),右侧(如果具有列表组件),则可以使用@output和@Input事件侦听器。

您还可以使用RxJS图书馆的主题来处理事件和状态管理。