Angular cheatsheet - how to grab URL parameters in routing

angular-cheat-grab-url-parameters.md

Grabbing URL parameters

When 'routing' with Angular you can also have the traditional URL parameters like ?category=toys?maxprice=23.

ActivatedRoute can return those as observables.

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

...

export class SearchComponent implements OnInit {

  public searchTermCategory: string = null;
  public searchTermMaxPrice: number = null;

  constructor(
    private activatedRoute: ActivatedRoute
  ) { }

  ngOnInit() {
    this.activatedRoute.queryParams.subscribe(
      data => {
        this.searchTermCategory = data['category'] || null;
        this.searchTermMaxPrice = data['maxprice'] || null;
      }
    )
  }