Query parameter 가져오기

ActivatedRoute클래스의 queryParams 혹은 queryParamMap 메서드 사용하면됨.
따라서

ActivatedRouteSnapshot. queryParams

아래처럼 가져올 수 있음. 이렇게 가져오면 깔끔하게 object로 가져옴.

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

 constructor(
    private route: ActivatedRoute
    ) {}

this.queryParamters = this.route.snapshot.queryParams

앵귤러는 같은 화면에서 url이 바뀌면 내용이 바뀌는 식이어서 현재 url에 맞춰서 컴포넌트 상태가 바뀌는게 아니면 그냥 snapshot으로 사용하면됨. 아니면 observable을 리턴해주는 ActivatedRoute.queryParams나 ActivatedRoute.queryParamMap 사용하면됨.

참고자료
https://angular.io/api/router/ActivatedRouteSnapshot#queryParams
https://www.angularjswiki.com/angular/get-query-parameters-in-angular/
https://ultimatecourses.com/blog/query-params-angular-router