Angular 1 – get current URL parameters

by

To get parameters from URL with ngRoute . It means that you will need to include angular-route.js in your application as a dependency. More information how to do this on official ngRoute documentation.

The solution for the question:

// You need to add 'ngRoute' as a dependency in your app
angular.module('ngApp', ['ngRoute'])
    .config(function ($routeProvider, $locationProvider) {
        // configure the routing rules here
        $routeProvider.when('/backend/:type/:id', {
            controller: 'PagesCtrl'
        });

        // enable HTML5mode to disable hashbang urls
        $locationProvider.html5Mode(true);
    })
    .controller('PagesCtrl', function ($routeParams) {
        console.log($routeParams.id, $routeParams.type);
    });

If you don’t enable the $locationProvider.html5Mode(true);. Urls will use hashbang(/#/).

More information about routing can be found on official angular $route API documentation.

Side note: This question is answering how to achieve this using ng-Route however I would recommend using the ui-Router for routing. It is more flexible, offers more functionality, the documentations is great and it is considered the best routing library for angular.

More Related Contents:

  1. AngularJS routing 404 error with HTML5 mode
  2. http request has been block from https
  3. AngularJS routing without the hash ‘#’
  4. AngularJS passing data to $http.get request
  5. Angular IE Caching issue for $http
  6. Migrating AngularJS to Angular 4,5 (with DEMO) [closed]
  7. How to add many functions in ONE ng-click?
  8. How to reload or re-render the entire page using AngularJS
  9. How to find a reason AngularJS “Argument ‘MyCtrl’ is not a function, got undefined”
  10. AngularJS – UI Router – programmatically add states
  11. orderBy multiple fields in Angular
  12. AngularJS – Image “onload” event
  13. $watch an object
  14. ngRepeat Filter by deep property
  15. Composing multipart/form-data with a different Content-Type on each parts with Javascript (or Angular)
  16. Failed to instantiate module [$injector:unpr] Unknown provider: $routeProvider
  17. How to make lodash work with Angular JS?
  18. UI-router interfers with $httpbackend unit test, angular js
  19. Handle open/collapse events of Accordion in Angular
  20. How do I configure different environments in Angular.js?
  21. Share a single service between multiple angular.js apps
  22. Directing the user to a child state when they are transitioning to its parent state using UI-Router
  23. ng-repeat with ng-transclude inside a directive
  24. Using Express Handlebars and Angular JS
  25. AngularJS: ng-if not working in combination with ng-click?
  26. apply formatting filter dynamically in a ng-repeat
  27. Difference between $state.transitionTo() and $state.go() in Angular ui-router
  28. AngularJS Load Data from Service
  29. How do I return data from a $http.get() inside a factory in angularjs
  30. How to create an Array with AngularJS’s ng-model

Leave a Comment