How can I test an AngularJS service from the console?
angularjs, angularjs-service
Solution
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()`
Problem
I have a service like: ``` angular.module('app').factory('ExampleService', function(){ this.f1 = function(world){ return 'Hello '+world; } return this; }) ``` I would like to test it from the JavaScript console and call the function `f1()` of the service. How can I do that?