How to handle query parameters in angular 2

by

RouteParams are now deprecated , So here is how to do it in the new router.

this.router.navigate(['/login'],{ queryParams: { token:'1234'}})

And then in the login component you can take the parameter,

constructor(private route: ActivatedRoute) {}
ngOnInit() {
    // Capture the token  if available
    this.sessionId = this.route.queryParams['token']

}

Here is the documentation

More Related Contents:

  1. How to redirect to an external URL from angular2 route without using component?
  2. Angular 2 router event listener
  3. In Angular, how do you determine the active route?
  4. script tag in angular2 template / hook when template dom is loaded
  5. angular 2 disable url encoding
  6. Angular2 router 2.0.0 not reloading components when same url loaded with different parameters?
  7. Change route params without reloading in Angular 2
  8. Converting an image to base64 in angular 2
  9. Angular 2 Final Release Router Unit Test
  10. How to use jQuery UI with Angular 2
  11. Is it a bad practice to use jQuery in Angular? [closed]
  12. Angular 2 calling jQuery after rendering elements – after consuming API
  13. Autoscroll in Angular 2
  14. Dynamic page load can’t load Java with page
  15. Why I have to put all the script to index.html in jquery mobile
  16. When should I use jQuery’s document.ready function?
  17. Replacing css file on the fly (and apply the new style to the page)
  18. jQuery checkbox checked state changed event
  19. How to find if an array contains a specific string in JavaScript/jQuery?
  20. How to include multiple js files using jQuery $.getScript() method
  21. How can I use JavaScript or jQuery to read a pixel of an image when user clicks it?
  22. jquery submit form and then show results in an existing div
  23. time delayed redirect?
  24. jquery : $().animate() is not a function
  25. How to display a “busy” indicator with jQuery?
  26. What is the opposite of evt.preventDefault();
  27. Waiting for dynamically loaded script
  28. Angular why asterisk (*)
  29. How to disable mouseout events triggered by child elements?
  30. Are 301 redirects possible using javascript or jQuery?

Leave a Comment