How to pass data from factory to controller in angular js?

Question

I have one factory contains save customer function.On success I want to pass its response in controller so that i can update the view.

Factory

sampleApp.factory("authFactory", function($location, $http, transformRequestAsFormPost) {
return {
    saveCustomer: function(data) {
        var request = $http({
            method: "post",
            url: "webservice/ws.php?mode=saveCustomer",
            transformRequest: transformRequestAsFormPost,
            data: data
        });
        request.success(
            function(response) {
            console.log(response);
            }
        );
      }
   };
});

Controller

sampleApp.controller('customerController', function($scope, testService,authFactory,$http) {
$scope.addCustomer = function() {
    var data = {name: $scope.customerName,city: $scope.customerCity};
    // Calling Factory Function
    authFactory.saveCustomer(data);
    // How to fetch response here       
   }
});

Please help me to solve that problem Thanks

Adam Jenkins · Accepted Answer · 2015-02-23 15:16:57Z

4

Various ways, the first one that comes to mind is something like this:

//in your factory
return {
   saveCustomer: function(data) {
       var request = $http({...});

       return request;
   }
}

//in your controller
authFactor
  .saveCustomer(data)
  .success(function() {
    //update controller here
  })

answered Feb 23, 2015 at 15:16

Adam Jenkins

56.3k13 gold badges85 silver badges113 bronze badges

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

Comments

TheSharpieOne · Accepted Answer · 2015-02-23 15:28:37Z

3

You are working with "promises" here. You can do a few different things depending on what you return from your service method.

One thing you can do is simply return the promise and handle it in your controller.

service:

return {
    saveCustomer: function(data) {
        return $http({...});
   }
}

contoller:

authFactor.saveCustomer(data).success(function(customer) {
    $scope.customer = customer;
})

Another thing you can do is return an object reference and put it on your scope. When the object is filled, it will be updated in your scope.

service:

return {
   saveCustomer: function(data) {
       var customer = {};
       $http({...}).success(function(data){
           angular.copy(data, customer);
       });
       return customer;
   }
}

controller:

$scope.customer = authFactor.saveCustomer(data);

The advantage of this second way is that most of your logic stays in your service. You controller stays simple and doesn't have to know about promises or handle them.

edited Feb 23, 2015 at 15:28

answered Feb 23, 2015 at 15:23

TheSharpieOne

25.7k9 gold badges71 silver badges80 bronze badges

1 Comment

Varun Nayyar Over a year ago

thanks for your reply.. I am trying to use your second approach as mentioned in your answer but it is not working.

Collectives™ on Stack Overflow

How to pass data from factory to controller in angular js?

Factory

Controller

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Factory

Controller

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related