AngularJS makes it very easy to create our own services: All we need to do is register the service.<\/p>\n
Once a service is registered, the Angular compiler can reference it and load it as a dependency for<\/p>\n
runtime use. The name registry makes it easy to isolate application dependencies for mocks and<\/p>\n
stubbing in our tests.<\/p>\n
Placing application\u2019s business logic and common operations in a single place, is always a good design. This improves code re-usability and avoid code duplication. You should put all such logic in custom angular services. This makes code modular and more maintainable.<\/p>\n
Further, your code becomes more testable. Remember, angular provides first class support for unit testing. Thus we can quickly write tests for these services and avoid many possible defects.<\/p>\n
There are mainly two ways to declare angularjs services. Let\u2019s understand both ways:<\/p>\n
Using \u2013 module.service( \u2018serviceName\u2019, function(){} )<\/p>\n
When you create a service using module.service(), an instance of the function() passed as second parameter becomes the service object that AngularJS registers and injects later to other services \/ controllers when asked for.<\/p>\n
The syntax for declaring methods in custom service object using module.service() is :<\/p>\n
module.service(‘DemoService’, function() {<\/p>\n
\/\/”this” will be used as service instance<\/p>\n
this.firstMethod = function() {<\/p>\n
\/\/..<\/p>\n
}<\/p>\n
this.someOtherMethod = function() {<\/p>\n
\/\/..<\/p>\n
}<\/p>\n
});<\/p>\n
Using \u2013 module.factory( \u2018factoryName\u2019, function(){} )<\/p>\n
When you create a service using module.factory(), return value of function() passed as second parameter becomes the service object that AngularJS registers and injects later to other services \/ controllers when asked for.<\/p>\n
The syntax for declaring methods in custom service object using module.factory() is :<\/p>\n
module.factory(‘DemoService’, function() {<\/p>\n
\/\/”factory” will be used as service instance<\/p>\n
var factory = {};<\/p>\n
factory.firstMethod = function() {<\/p>\n
\/\/..<\/p>\n
}<\/p>\n
factory.someOtherMethod = function() {<\/p>\n
\/\/..<\/p>\n
}<\/p>\n
return factory;<\/p>\n
});<\/p>\n","protected":false},"excerpt":{"rendered":"
AngularJS makes it very easy to create our own services: All we need to do is register the service. Once a service is registered, the Angular compiler can reference it and load it as a dependency for runtime use. The name registry makes it easy to isolate application dependencies for mocks and stubbing in our…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[8417],"tags":[8440],"class_list":["post-72369","page","type-page","status-publish","hentry","category-angular-js-web-development","tag-custom-services"],"acf":[],"yoast_head":"\n