Passing $scope variable value to a factory variable/function

Question

I need to pass the value of a $scope variable from my angular controller to my angular factory, where this value is further being used to do other calculations.

Controller :

angular.module('myApp').controller('MyController',['$scope', function($scope)
{
    $scope.selectedValue = function(value)
   {
      $scope.valueToSend = value + 1000;
   }
}]);

Factroy:

angular.module('myApp').factory("Factory", ["$q","$localStorage", function(q, $localStorage)
{
   var functionToGetValue = function()
   {
    return value;
   }
}
var x = { .... }
return x;
}]);

The 'value' in my controller is simply a radio button that is been selected. Within my factory, the variable x has other functions that call my factory function functionToGetValue.

Is there some way I can pass $scope.valueToSend to my factory so that I can further use it there itself??

what is wrong with passing value to factory and then return its update to the controller? — Farooq Ahmed Khan
– Farooq Ahmed Khan, Commented Jan 13, 2017 at 11:12
I am not sure how to pass that value to the factory, and I want to avoid using $rootScope. — 221b
– 221b, Commented Jan 13, 2017 at 11:14

Supradeep · Accepted Answer · 2017-01-13 11:33:02Z

2

Have a setter/getter method in your factory with which you can set the new value and when you want to reuse it , use the same method to get it as shown below :

angular.module('myApp').factory("Factory", ["$q","$localStorage", 

function(q, $localStorage)
{ 
   this.value = "";
   return {
    inputValue : function (value) {
       if(value)
         this.value = value;
       else
         return value;
    }   
  }
}
var x = { .... }
return x;
}]);

Now, from you controller,

angular.module('myApp').controller('MyController',['$scope', 'Factory'

function($scope, factory)
{
    $scope.selectedValue = function(value)
     {
      $scope.valueToSend = value + 1000;
       factory.inputValue($scope.valueToSend); // this will set the new value in the factory.
     }

console.log(factory.inputValue()) // this will get the value from the factory.

}]);

edited Jan 13, 2017 at 11:33

answered Jan 13, 2017 at 11:16

Supradeep

3,2661 gold badge18 silver badges28 bronze badges

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

Comments

Ankit Vadi · Accepted Answer · 2017-01-13 11:23:24Z

1

angular.module('myApp').factory("Factory", ["$q","$localStorage", function(q, $localStorage)
{
   var value;
   var x = {
     setValue = function(val) {
         value = val;
     };
     functionToGetValue = function()
     {
        return value;
     }
   }
   return x;
}]);

Create factory like the above code and use that factory in your controller. use Factory.setValue(valueToPass) and Factory.functionToGetValue() to get value passed value back.

edited Jan 13, 2017 at 11:23

answered Jan 13, 2017 at 11:17

Ankit Vadi

4754 silver badges10 bronze badges

Collectives™ on Stack Overflow

Passing $scope variable value to a factory variable/function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related