Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/28.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 传递过滤器选项以按角度布线_Angular_Angular2 Routing - Fatal编程技术网

Angular 传递过滤器选项以按角度布线

Angular 传递过滤器选项以按角度布线,angular,angular2-routing,Angular,Angular2 Routing,在我的Angular 4应用程序中,有几个表单字段允许用户输入和选择一些过滤器选项。有表单字段,没有锚定链接。我需要将这些选项(都是可选的)传递给route,并将其读回以显示结果并再次填充表单字段 这与任何购物应用程序中的过滤器非常相似。请查看线框以更好地理解它。我不想使用任何插件 应用程序线框 您可以在queryParams中设置一个筛选器选项,然后订阅以查看queryParams是否更改并筛选您的数据 如果更改了运行防护的策略,也可以在route guard上执行此操作。在您的情况下,它将是

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

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

应用程序线框


您可以在queryParams中设置一个筛选器选项,然后订阅以查看queryParams是否更改并筛选您的数据


如果更改了运行防护的策略,也可以在route guard上执行此操作。在您的情况下,它将是paramsOrQueryParamsChange

,具体取决于您如何将模型绑定到表单,使用
ngModelChange
,然后进行api调用就是doThanks@Stefan真正需要的。是否可以使用/代替&和?对于查询参数?老实说,我不确定,但可能不确定。