Dynamic routing based on external data

by

In the new router (>= RC.3) https://angular.io/docs/ts/latest/api/router/index/Router-class.html#!#resetConfig-anchor resetConfig can be used to load new routes

router.resetConfig([
 { path: 'team/:id', component: TeamCmp, children: [
   { path: 'simple', component: SimpleCmp },
   { path: 'user/:name', component: UserCmp }
 ] }
]);

You would have a custom routerLink directive or just some link or button that calls an event handler on click where new routes are loaded and then router.navigate(...) is called to navigate to the appropriate route.

https://github.com/angular/angular/issues/11437#issuecomment-245995186 provides an RC.6 Plunker

More Related Contents:

  1. Angular 2.0 router not working on reloading the browser
  2. How to detect a route change in Angular?
  3. How to determine previous page URL in Angular?
  4. How do I create a singleton service in Angular 2?
  5. How to go back last page
  6. Angular: Cannot find a differ supporting object ‘[object Object]’
  7. Angular2 multiple router-outlet in the same template
  8. How to get current route
  9. Angular2: Make route paths case insensitive
  10. Angular 2 Scroll to top on Route Change
  11. Angular 2 – How do I navigate to another route using this.router.parent.navigate(‘/about’)?
  12. Angular2 – Redirect to calling url after successful login
  13. How can I conditionally disable the routerLink attribute?
  14. How to switch layouts in Angular2
  15. Using Resolve In Angular2 Routes
  16. Angular 2: getting RouteParams from parent component
  17. Angular2 router keep query string
  18. Angular 2 passing object via route params possible?
  19. Multiple canActivate guards all run when first fails
  20. Can’t reload/refresh active route
  21. How do I navigate to a sibling route?
  22. Angular2 routing / deep linking not working with Apache 404
  23. Pass parameter into route guard
  24. Angular 2 – Routing – CanActivate work with Observable
  25. Angular routerLink does not navigate to the corresponding component
  26. How to get parameter on Angular2 route in Angular way?
  27. angular 2 azure deploy refresh error : The resource you are looking for has been removed, had its name changed, or is temporarily unavailable
  28. Angular2 Routing – keeping state of component when route changes [duplicate]
  29. Angular 2 different components with same route
  30. Angular2 router, get route data from url, to display breadcrumbs

Leave a Comment