Get route query params

by

update (2.0.0 final)

(somepath/:someparam/someotherpath) you can subscribe to them using _router.queryParams.subscribe(...):

export class HeroComponent implements OnInit {
  constructor(private _activatedRoute: ActivatedRoute, private _router:Router) {
    _activatedRoute.queryParams.subscribe(
      params => console.log('queryParams', params['st']));

original

If you want queryParams instead of route params (somepath/:someparam/someotherpath) you can subscribe to them using _router.routerState.queryParams.subscribe(...):

export class HeroComponent implements OnInit {
  constructor(private _activatedRoute: ActivatedRoute, private _router:Router) {
    _router.routerState.queryParams.subscribe(
      params => console.log('queryParams', params['st']));

Plunker example

More Related Contents:

  1. Angular 2 – Return data directly from an Observable
  2. Chaining RxJS Observables from http data in Angular2 with TypeScript
  3. Angular 2: Convert Observable to Promise
  4. Angular2 canActivate() calling async function
  5. RxJs get value from observable
  6. How to create an Observable from static data similar to http one in Angular?
  7. RxJs Array of Observable to Observable of Array
  8. Expression ___ has changed after it was checked
  9. Angular 2 @ViewChild annotation returns undefined
  10. How to return value from function which has Observable subscription inside?
  11. How do I actually deploy an Angular 2 + Typescript + systemjs app?
  12. Define global constants
  13. ‘router-outlet’ is not a known element
  14. Angular 2 unit testing components with routerLink
  15. How can I listen for keypress event on the whole page?
  16. How do you deploy Angular apps?
  17. Select based on enum in Angular2
  18. Angular2 handling http response
  19. How do I detect user navigating back in Angular2?
  20. Is it a good practice using Observable with async/await?
  21. Angular 2 2.0.0-rc.1 Property ‘map’ does not exist on type ‘Observable’ not the same as issue report
  22. angular2 bootstrap with data from ajax call(s)
  23. Lazy Loading BrowserModule has already been loaded
  24. How to use select/option/NgFor on an array of objects in Angular2 [duplicate]
  25. How to parse xml in Angular 2
  26. Subscribe to observable is returning undefined
  27. How to return value inside subscribe Angular 4
  28. Angular2 – root relative imports
  29. Angular2 HTTP GET – Cast response into full object
  30. detect change of nested property for component input

Leave a Comment