angular - 如何从 Angular 8 中的 url 中的查询参数中检索对象

Question

我想知道是否有一种方法可以从 url 中的 queryParams 检索对象数组。我要检索的对象应该如下所示。

events: [
 {
   locations: ['123456789', '987654321']
   period: {
     from: '2019-11-19',
     to: '2019-11-27'
   }
 },
 {
   locations: ['123456789']
   period: {
     from: '2018-01-23',
     to: '2018-01-25'
   }
 }
],
days: [0, 1, 2, 3],
groupBy: 'days',
extraSeries: ['visits']

所以我想知道 url 中的查询参数应该是什么样子以及我应该如何从 url 中检索它们。例如，如何获取返回对象数组的 queryParam events？

我需要这个的原因是在 queryParams 中，因为我希望能够与其他用户共享一个 url，其中过滤器是基于 queryParams 设置的。

Answer 1

你可以使用queryParams

注意这个demo对你有帮助

import { ActivatedRoute } from '@angular/router';


 constructor( private route: ActivatedRoute) { }

 ngOnInit() {
     this.route.queryParams.subscribe(params => {
        let event = params['events'];  
      });
  }