AngularJS - Calling Service Methods from Console

Note: This post applies to AngularJS. The 1.x version of Angular. AngularJS has been end of life at of 12/31/2021.

Here is a quick tip for how you can run your Angular service and factory methods within the Chrome Dev Tools console. No longer will you have to go through the process of navigating through the UI to trigger a Service/Factory method to run. Now you can just load up the web site and do all of your debugging through the Chrome console.

If your service/factory was called “YourFactory” and the ng-app attribute is on the body tag, you can get a reference to the “YourFactory” with the following line in the console.

var t = angular.element(document.querySelector('body')).injector().get('YourFactory');

After you have the reference, then you can call any method that is exposed by the “YourFactory” service such calling the method “myServiceMethod” and using the returned promise from the method.

t.myServiceMethod().then(function(response) { console.log(response); });

Now you can quickly debug your service/factory.