How to handle query parameters in a router link

How to handle query parameters in a router link. One of:

  • merge : Merge new with current parameters.(현재 URL에 포함된 파라미터를 함께 전달)
  • preserve : Preserve current parameters.(현재 파라미터만 전달)
  • default: 기본형. 일반적인 방법으로 파라미터를 사용
type QueryParamsHandling = 'merge' | 'preserve' | '';
  • use case
goUsers() {
	this.router.navigate(['/users'], { queryParams: {filter: 'new'}, queryParamsHandling: 'merge' });
}

⇒ result

<http://localhost:4200/users?order=popular&filter=new>

참고:


Written by@[Ju Chan Hwang]
JUlog에 오신걸 환영합니다🤗 저에 대해 궁금하다면, 👆제 이름을 눌러보세요

GitHubFacebook