将过滤器选项传递给 Angular 中的路由

Passing filter options to route in Angular

在我的 Angular 4 应用程序中,有几个允许用户输入的表单字段和 select 一些过滤器选项。有表单字段而不是锚链接。我需要将这些选项(全部可选)传递给路由并读回以显示结果并再次填充表单字段。

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

应用线框图

您可以做的是在 queryParams https://alligator.io/angular/query-parameters/ and then subscribe to see if the queryParams change and filter your data 中设置过滤器选项。

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