AngularJS dynamic routing

by 
angular.module('myapp', ['myapp.filters', 'myapp.services', 'myapp.directives']).
        config(['$routeProvider', function($routeProvider) {
        $routeProvider.when('/page/:name*', {
            templateUrl: function(urlattr){
                return '/pages/' + urlattr.name + '.html';
            },
            controller: 'CMSController'
        });
    }
]);
  • Adding * let you work with multiple levels of directories dynamically.
    Example: /page/cars/selling/list will be catch on this provider

From the docs (1.3.0):

“If templateUrl is a function, it will be called with the following
parameters:

{Array.} – route parameters extracted from the current
$location.path() by applying the current route”

Also

when(path, route) : Method

  • path can contain named groups starting with a colon and ending with a star: e.g.:name*. All characters are eagerly stored in $routeParams under the given name when the route matches.

More Related Contents:

  1. Angular ui router – Redirection doesn’t work at all
  2. Difference between $state.transitionTo() and $state.go() in Angular ui-router
  3. AngularJS: can’t get html5 mode urls with ui-route $state
  4. Controller not a function, got undefined, while defining controllers globally
  5. How do I share $scope data between states in angularjs ui-router?
  6. AngularJS – How to use $routeParams in generating the templateUrl?
  7. How to get evaluated attributes inside a custom directive
  8. Does never resolved promise cause memory leak?
  9. How to pass an object into a state using UI-router?
  10. AngularJS browser autofill workaround by using a directive
  11. Initializing select with AngularJS and ng-repeat
  12. Watch multiple $scope attributes
  13. Angular UI-Router $urlRouterProvider .when not working when I click
  14. AngularJS routing 404 error with HTML5 mode
  15. Angular ui-router – how to access parameters in nested, named view, passed from the parent template?
  16. Angular.JS: views sharing same controller, model data resets when changing view
  17. Angular 1.6.0: “Possibly unhandled rejection” error [duplicate]
  18. Dynamic form name attribute in Angularjs
  19. random orderBy in AngularJS 1.2 returns ‘infdig’ errors
  20. key-value pairs in ng-options
  21. deep merge objects with AngularJS
  22. Angular UI Router: decide child state template on the basis of parent resolved object
  23. AngularJS : Asynchronously initialize filter
  24. VueJs templating. How to load external templates
  25. Format Date time in AngularJS
  26. How to create a custom input type?
  27. Using page’s angular JS in chrome extension
  28. Run jQuery code after AngularJS completes rendering HTML
  29. AngularJS Load Data from Service
  30. Use underscore inside Angular controllers

Leave a Comment