传递过滤器选项以在Angular中进行路由

Question

在我的Angular 4应用程序中，有几个表单字段，允许用户输入和选择一些过滤器选项。有表单字段而不是锚链接。我需要传递这些选项（所有可选）进行路由并读回以显示结果并再次填充表单字段。

这与任何购物应用程序中的过滤器非常相似。请查看线框以更好地了解它。我不想使用任何插件。

应用程序线框

Answer 1

您可以做的是在queryParams https://alligator.io/angular/query-parameters/中设置过滤器选项，然后订阅以查看queryParams是否更改并过滤数据Angular is it possible to detect if query Paramter has changed?。

如果您更改运行警卫https://angular.io/api/router/RunGuardsAndResolvers的策略，也可以在路由警卫中执行此操作。您的情况将是 paramsOrQueryParamsChange 。