Показывать данные на основе параметров запроса в угловых

Question

Могу ли я отфильтровать данные, используя параметры запроса в Angular? This.rows это массив. Я покажу только this.rows, который имеет параметры запроса "Ожидание". Как я смогу отфильтровать это с помощью queryParams. Вот мой код ниже.

// this.rows is an array



this.activeRouter.queryParams
.filter(params => params.q)
.subscribe(params => {
  console.log(params);
  if(this.rows.status === params.q){
    return this.rows;
  }
});

Answer 1

Вы можете получить такие параметры запроса, используя ActivatedRoute, а затем сохранить их в одной переменной и использовать фильтр для получения ожидающих записей в строках.

import {Router, ActivatedRoute, Params} from '@angular/router';
import {OnInit, Component} from '@angular/core';

@Component({...})
export class MyComponent implements OnInit {
 queryParamsStatus ='';

  constructor(private activatedRoute: ActivatedRoute) {}

  ngOnInit() {
    // subscribe to router event
    this.activatedRoute.params.subscribe((params: Params) => {
        this.queryParamsStatus= params['status'];
        console.log(queryParamsStatus );

      });
    let tempRows = this.rows.filter(s => s.staus === this.queryParamsStatus);
  }

}