我有一张包含搜索结果的搜索表。我可以输入一个搜索结果并查看其详细信息,然后可以返回结果列表。在更改结果/详细信息组件时,如何在搜索表单上保留数据?搜索是一个单独的组件,当其他组件互换时,显示在屏幕的侧面。详细信息/列表也是一个单独的组件。搜索路径为“ / search”,输入详细信息后激活的路径为“ / search /:id”。做这种事情的最佳实践是什么?
答案 0 :(得分:1)
如果使用单独的页面,则可以使用ngRx(Redux)的状态管理。在那里,您可以非常清楚地处理搜索功能的状态。但是使用ngRx涉及许多工作,因此如果您正在开发小型应用程序,则不必强制使用。
如果您要制作小型应用程序,则可以使用服务。
如果两个组件都显示在同一视图上(如左侧,则具有搜索组件),右侧(如果具有列表组件),则可以使用@output和@Input事件侦听器。
您还可以使用RxJS图书馆的主题来处理事件和状态管理。