How can I test an AngularJS service from the console?

by

TLDR: In one line the command you are looking for:

angular.element(document.body).injector().get('serviceName')

Deep dive

AngularJS uses Dependency Injection (DI) to inject services/factories into your components,directives and other services. So what you need to do to get a service is to get the injector of AngularJS first (the injector is responsible for wiring up all the dependencies and providing them to components).

To get the injector of your app you need to grab it from an element that angular is handling. For example if your app is registered on the body element you call injector = angular.element(document.body).injector()

From the retrieved injector you can then get whatever service you like with injector.get('ServiceName')

More information on that in this answer: Can’t retrieve the injector from angular
And even more here: Call AngularJS from legacy code

Another useful trick to get the $scope of a particular element.
Select the element with the DOM inspection tool of your developer tools and then run the following line ($0 is always the selected element):
angular.element($0).scope()

More Related Contents:

  1. AngularJS: Service vs provider vs factory
  2. Is this a “Deferred Antipattern”?
  3. Cordova + Angularjs + Device Ready
  4. AngularJS : When to use service instead of factory
  5. How to wait till the response comes from the $http request, in angularjs?
  6. AngularJS : The correct way of binding to a service properties
  7. AngularJS Service Passing Data Between Controllers
  8. Custom sort function in ng-repeat
  9. AngularJS and its use of Dollar Variables
  10. Angular and SVG filters
  11. Confusing $locationChangeSuccess and $stateChangeStart
  12. Set Page title using UI-Router
  13. How to send and retrieve parameters using $state.go toParams and $stateParams?
  14. Angularjs simple file download causes router to redirect
  15. Angular UI Router Nested State resolve in child states
  16. Angularjs: Error: [ng:areq] Argument ‘HomeController’ is not a function, got undefined
  17. angularJS: How to call child scope function in parent scope
  18. How to check if any Checkbox is checked in Angular
  19. AngularJS data bind in ng-bind-html?
  20. Invoking modal window in AngularJS Bootstrap UI using JavaScript
  21. Can protractor be made to run slowly?
  22. AngularJS custom form component / directive using ng-model
  23. Using $index with the AngularJS ‘ng-options’ directive?
  24. Making an angular filter conditional
  25. Telling Angular Js to ignore a specific route
  26. angularjs ui-router strange behaviour with additional segment in route
  27. Angular.js programmatically setting a form field to dirty
  28. How can I preserve new lines in an AngularJS partial?
  29. Exclamation mark after hash (#!) in angularjs app
  30. Angular and mixing jQuery UI – Why not?

Leave a Comment