6. Applied Angular and AngularFire | Data Oriented Development with Angularjs

Difference between a factory and a service

Factories and services are used almost interchangeably in Angular, however there is a subtle but important difference between the two. So let's see their usage and it'll be amply clear when and how to use each one. First let's use the service command:

app.service('myService', function(){
    this.hello = function() {
        return "Hello World";
    };
});

(Chapter6\example-app\fact-svc\my.svc.js)

myService has a single function called hello which returns "Hello World" when called. Now let's use the factory command:

app.factory('myFactory', function(){
    return {
        hello: function() {
            return "Hello World";
        }    
	}
});

(Chapter6\example-app\fact-svc\my.fctry.js)

myFactory has a single function called hello which returns "Hello World" when called as well. So what's the difference? For that, let's look at a factory which can accept or maintain some state as shown in the following code:

app.factory('myFactoryWithState', function...

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Data Oriented Development with Angularjs

By : Manoj Waikar

Data Oriented Development with Angularjs

By: Manoj Waikar

Overview of this book

Difference between a factory and a service

Data Oriented Development with Angularjs

By : Manoj Waikar

Data Oriented Development with Angularjs

By: Manoj Waikar

Overview of this book

Difference between a factory and a service

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access