AngularJS. Return new factory instance

Question

I'm a newbie in AngularJS and have faced the issue.

Can I reinject my factory singleton object across all controllers, where it's been injected?

For example:

.factory('medicalCenterService', function(MedicalCenterResource) {

    var medicalCenterService = {};

    medicalCenterService.currentMedCenter = MedicalCenterResource.get();

    medicalCenterService.reloadMedCenter = function() {
        medicalCenterService.currentMedCenter = MedicalCenterResource.get();

        return medicalCenterService.currentMedCenter;
    };

    medicalCenterService.updateMedicalCenter = function(medicalCenter) {
        MedicalCenterResource.updateMedicalCenter(medicalCenter);
        medicalCenterService.currentMedCenter = medicalCenter;
    };

    return medicalCenterService;
})

In MedicalCenterController I get singleton object with medical center when application starts:

function MedicalCenterController($scope, medicalCenterService) {
    $scope.currentMedCenter = medicalCenterService.currentMedCenter;
}

But later I try to edit medical center fields (name, address, etc..) in AccountProfileController

function AccountProfileController($scope, medicalCenterService) {

    $scope.currentMedCenter = medicalCenterService.currentMedCenter;

    $scope.applyMedCenterChanges = function (currentMedCenter) {
        medicalCenterService.updateMedicalCenter(currentMedCenter);
    };
}

And what I'm expecting to have is the object with updated fields. How to return a new instance of my singleton?

Show how you're using this factory, and show what you mean by "But, when I edit fields ...". — Stewie
– Stewie, Commented Dec 27, 2013 at 12:49

kfis · Accepted Answer · 2013-12-28 00:18:01Z

11

Do you want something like this?

.factory('MedicalCenter', function(MedicalCenterResource) {
    var MedicalCenter = function () {
        var center = MedicalCenterResource.get(),
            update = function() {
                MedicalCenterResource.updateMedicalCenter(center)
            };
        return {
            center: center,
            update: update
        }    
    };
    return MedicalCenter;

})

function MedicalCenterController($scope, MedicalCenter) {
    center = new MedicalCenter();
    $scope.currentMedCenter = center.center;
}
function AccountProfileController($scope, MedicalCenter) {
    center = new MedicalCenter();
    $scope.currentMedCenter = center.center;
    $scope.applyMedCenterChanges = function () {
        center.update();
    };
}

answered Dec 28, 2013 at 0:18

kfis

4,72925 silver badges19 bronze badges

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

Comments

Maxim Shoustin · Accepted Answer · 2013-12-27 13:14:27Z

3

Like you wrote in post services are Singletons and its good way to share data over services. However if you want to create new instance of factory/service, you can't do that but we can create list of objects in one service/factory where each list item represents different instance. Something like:

.factory('medicalCenterService', function(MedicalCenterResource) {

    var medicalCenterServices = [
        {ctrlName: 'MedicalCenterController',medicalCenterService: {/*....*/}},
        {ctrlName: 'AccountProfileController',medicalCenterService: {/*....*/}},
    ];

        //......
})

edited Dec 27, 2013 at 13:14

answered Dec 27, 2013 at 12:57

Maxim Shoustin

78k29 gold badges212 silver badges229 bronze badges

2 Comments

Artyom Pranovich Over a year ago

Is it really, that I don't have possibility to repeatedly get new instance of factory and inject it in all controllers?

Maxim Shoustin Over a year ago

i fixed a bit the answer, factory is like static utility but if you want to use it as storage, just create list. Add some id per instance

Collectives™ on Stack Overflow

AngularJS. Return new factory instance

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related