Adding properties to AngularJS service

Question

I have an AngularJS service that looks like this:

angular.module('myModule', [])
  .factory('$myService', function () {    
    return {
      getName: function () {
        return 'Bill';
      },

      isAvailable: function () {
        return true;
      }
    };
  })
;

Is there a way to add properties? Currently, the service has function (aka $myService.isAvailable()). I'm curious, is there a way to have something like $myService.someProperty? If so, how? Or, does everything in a service have to be a function?

Thank you!

Please consider removing the $ prefix if possible, it is reserved for anything built-in from angularjs. — runTarm
– runTarm, Commented Aug 15, 2014 at 6:33

Michael Kang · Accepted Answer · 2014-08-15 06:38:12Z

2

When you use the Revealing Module Pattern, you can easily encapsulate your data and expose only the properties/functions that you want in your public API:

angular.module('myModule', [])
  .factory('$myService', function () {   
    var name = { name: 'John' };
    var phone = { phone: '555-5555'};
    var SSN = 123456789;
    var address = '5555 Rd Blvd.';
    var available = { isAvailable: false };

    return {
      getName: function () {
        return name;
      },

      isAvailable: function () {
        return available;
      }

      name: name,
      phone: phone,
      address: address
    };
  })
;

answered Aug 15, 2014 at 6:38

Michael Kang

53k16 gold badges108 silver badges138 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user70192 Over a year ago

Thank you for showing me the "Revealing Module Pattern". This approach allowed me to get through JSHint.

ryeballar · Accepted Answer · 2014-08-15 06:26:21Z

2

Yes, you can simply add a property in the returned object

angular.module('myModule', [])
  .factory('$myService', function () {    
    return {
      getName: function () {
        return 'Bill';
      },

      isAvailable: function () {
        return true;
      },

      someProperty: 'New Property'
    };
  });

answered Aug 15, 2014 at 6:26

ryeballar

30.1k10 gold badges67 silver badges76 bronze badges

Collectives™ on Stack Overflow

Adding properties to AngularJS service

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related