Why use services in Angular? Why use services in Angular? angularjs angularjs

Why use services in Angular?


In my opinions the main reasons are:

  • Persist and share data between Controllers.
    I.E: You create a service that fetchs data form a database, if you store it inside a controller, once you change to another Controller the data will be discarded (unless you store it in the $rootScope but this is not the best way to do it) , but if you keep it inside a service (services are singletons), the data will persist when you change controllers.

  • Abstract data access logic by creating an API that will be used by your controllers/directives/services.
    Keep business logic inside Controllers and data logic inside services.

  • DRY (Don't repeat yourself).
    I.E: You have a series of functions that you need in different controllers, without the service you would have to repeat your code in each controller, with a service you can create a single API for this functions and inject it in every Controller/Directive/Service you need.

Here is an example:

var myApp = angular.module('myApp',[]);//Here is the service Users with its functions and attributes//You can inject it in any controller, service is a singleton and its data persist between controllersmyApp.factory('Users', function () {    //data logic    //fetch data from db and populate...    var name = "John";    var surname = "Doe"     function getName() { return name; }    function getFullName() { return name + ' ' + surname; }    function setName(newName) { name = newName; }    //API    return {        getName: getName,        getFullName: getFullName,        setName: setName    }});//An Util service with methods I will use in different controllers   myApp.factory('Util', function () {    //a bunch of useful functions I will need everywhere    function daysInMonth (month,year) {        return new Date(year, month+1,0).getDate();    }    return {        daysInMonth: daysInMonth        };});   //Here I am injecting the User and Util services in the controllers   myApp.controller('MyCtrl1', ['$scope', 'Users', 'Util', function ($scope, Users, Util) {    $scope.user = Users.getFullName(); //"John Doe";    Users.setName('Bittle');    //Using Util service    $scope.days = Util.daysInMonth(05,2013);}]);myApp.controller('MyCtrl2', ['$scope', 'Users', 'Util', function ($scope, Users, Util) {    $scope.user = Users.getFullName(); //"Bittle Doe"; //The change that took place in MyCtrl1 hhas persisted.}]);


Based on my experience, services come in handy in the following scenarios:

  1. When you wish to share information between two or more controllers
    One may use $rootScope to also communicate between controllers, but as the common pitfalls section of the documentation suggests, it should be avoided as much as possible since it is a global scope. Using services,we can define setter and getter methods that can be easily used to exchange data between controllers.

  2. When a functionality is to be used multiple times
    Lets say that you have a functionality which repeats across all the templates that you have - say something in which you need to repeatedly convert the currency from USD to Euro and display the amount to the user. Here you can assume the "amount" to be anything from Purchasing Flight tickets, buying some books online - anything money related.
    This functionality will be used across all your templates to display the amount always in Euro to the customer - but in your database / model, the amount is stored in Euro.
    Thus, you can create a service that converts the amount from USD to Euro. Any controller can call it and use it. Your functionality is now located in one single place instead across controllers. So, in the future if you decide to make changes and display the amount in Pounds, you need to make the change only in one location and it will be reflected across all the controllers making use of it.

There are some other use cases but only these currently come to my mind right now. The most frequent use case that I find using services myself is point #1 - passing data between controllers.


When you want to keep a variable in memory (why not, a user session for instance) during navigation (differents partials with diffents controller are called).You have to keep in mind :

  • Controllers are re-initialized each time you call them.

  • Services are constructed only one time and are always available. So you can persist any information you need.