Angular 2 optional route parameter

by

You can define multiple routes with and without parameter:

@RouteConfig([
    { path: '/user/:id', component: User, name: 'User' },
    { path: '/user', component: User, name: 'Usernew' }
])

and handle the optional parameter in your component:

constructor(params: RouteParams) {
    var paramId = params.get("id");

    if (paramId) {
        ...
    }
}

See also the related github issue: https://github.com/angular/angular/issues/3525

More Related Contents:

  1. How do I include a JavaScript script file in Angular and call a function from that script?
  2. Angular 2 Sibling Component Communication
  3. JS : Convert Array of Strings to Array of Objects
  4. Angular 4.3.3 HttpClient : How get value from the header of a response?
  5. Angular 4 Interceptor retry requests after token refresh
  6. In Angular, how do you determine the active route?
  7. How to Update a Component without refreshing full page – Angular
  8. script tag in angular2 template / hook when template dom is loaded
  9. Angular2 router 2.0.0 not reloading components when same url loaded with different parameters?
  10. How to subscribe to an event on a service in Angular2?
  11. How to add background-image using ngStyle (angular2)?
  12. Separate Angular2 TypeScript files and JavaScript files into different folders, maybe ‘dist‘
  13. Call a function on click event in Angular 2
  14. How to Pass data from child to parent component Angular
  15. Angular2 too many file requests on load
  16. How to add bootstrap in angular 6 project? [duplicate]
  17. How to ‘wait’ for two observables in RxJS
  18. What are differences between SystemJS and Webpack?
  19. Angular2 dynamic change CSS property
  20. Get Image or byte data with http
  21. Plain Javascript as Angular 2 service
  22. Angular 2 Hover event
  23. Angular – ‘Could not find HammerJS’
  24. angular 2 access ng-content within component
  25. How to implement a global loader in Angular
  26. How to use jQuery UI with Angular 2
  27. Is it a bad practice to use jQuery in Angular? [closed]
  28. How to Inject Angular2 Http service into es6/7 Class?
  29. Angular 2 calling jQuery after rendering elements – after consuming API
  30. Angular 4: How to read content of text file with HTTPClient

Leave a Comment