What’s the most concise way to read query parameters in AngularJS?

by

You can inject $routeParams (requires ngRoute) into your controller. Here’s an example from the docs:

// Given:
// URL: http://server.com/index.html#/Chapter/1/Section/2?search=moby
// Route: /Chapter/:chapterId/Section/:sectionId
//
// Then
$routeParams ==> {chapterId:1, sectionId:2, search:'moby'}

EDIT: You can also get and set query parameters with the $location service (available in ng), particularly its search method: $location.search().

$routeParams are less useful after the controller’s initial load; $location.search() can be called anytime.

More Related Contents:

  1. Removing the fragment identifier from AngularJS urls (# symbol)
  2. angularjs 1.6.0 (latest now) routes not working
  3. Redirecting to a certain route based on condition
  4. AngularJS Paging with $location.path but no ngView reload
  5. AngularJS: ngRoute Not Working
  6. What is the Angular equivalent to an AngularJS $watch?
  7. Why do we use $rootScope.$broadcast in AngularJS?
  8. Custom sort function in ng-repeat
  9. AngularJS and its use of Dollar Variables
  10. Angular-Formly : Adding Form fields dynamically on user click
  11. AngularJS resource promise
  12. Validate form field only on submit or user input
  13. Simple AngularJS running on JSFiddle
  14. AngularJS – How can I reference the property name within an ng-Repeat
  15. exact filter in angular
  16. Invoking modal window in AngularJS Bootstrap UI using JavaScript
  17. Can protractor be made to run slowly?
  18. AngularJS custom form component / directive using ng-model
  19. How to set the dynamic controller for directives?
  20. Angularjs autocomplete from $http
  21. Using $index with the AngularJS ‘ng-options’ directive?
  22. Telling Angular Js to ignore a specific route
  23. angularjs ui-router strange behaviour with additional segment in route
  24. How to use `replace` of directive definition?
  25. How to implement an ng-change for a custom directive
  26. ng-repeat specify a starting index
  27. how to make synchronous http request in angular js
  28. How to detect if a user clicks browser back button in Angularjs
  29. how do I get ng-include directive to work with a Content Delivery Network?
  30. Inject module dynamically, only if required

Leave a Comment