[Angular] Router Query Params

queryparams-router.ts

-- no template
<a [routerLink]="['users']" [queryParams]="{ page: 87 }">Ir para página 87 de usuários</a>


-- no componente (ou serviço)
  goTo(page: number) {
    this.router.navigate(['/users'], { queryParams: { page: page } });
  }


-- consumindo query params no componente destino UsersComponent
export default class UsersComponent {
  constructor(
    private route: ActivatedRoute,
    private router: Router) {}

  ngOnInit() {
    this.sub = this.route
      .queryParams
      .subscribe(params => {
        this.page = +params['page'] || 0; // page
      });
  }

  ngOnDestroy() {
    this.sub.unsubscribe();
  }
}