Pass variable from controller to service angularjs - angularjs

Question

app.controller('ItemDetailsCtrl', function($scope,FavoriteService) {
var parameter = $scope.Diamoni.Favorites;
});
app.service("FavoriteService",[function(){
this.fav = 0;
}]);
I would like to pass the variable parameter from ItemDetailsCtrl controller to FavoriteService, So this.fav=0; become this.fav=parameter Any suggestions? Thanks in advance.

Answer 1

Dont use $rootScope, instead use a function to set the params
In your service
var self = this;
this.setParam = function(param){
self.fav = param
}
In your controller
FavouriteService.setParam(parameter)

Answer 2

I think the cleanest way will be to expose your fav variable through get/set methods.
app.controller('ItemDetailsCtrl', function($scope, FavoriteService) {
var parameter = $scope.Diamoni.Favorites;
FavoriteService.setFav(parameter);
console.log(FavoriteService.getFav()); // will be the proper value
});
app.service("FavoriteService",[function(){
var fav = 0;
this.setFav = setFav;
this.getFav = getFav;
function setFav(favValue) {
fav = favValue;
}
function getFav() {
return fav;
}
}]);

Answer 3

try this out:
app.controller('ItemDetailsCtrl', function($scope,FavoriteService) {
var parameter = $scope.Diamoni.Favorites;
FavoriteService.setParam(parameter);
});
app.service("FavoriteService",[function(){
var service = this;
service.setParam = function(parameter) {
service.fav = parameter;
};
}]);
I added a method to the service to set the fav variable.
its easy to implement this kind of logic using factory instead of service. if you want i can send you the factory code snippet
EDIT
using factory:
app.controller('ItemDetailsCtrl', function($scope,FavoriteService) {
var parameter = $scope.Diamoni.Favorites;
FavoriteService.setParam(parameter);
});
app.factory('FavoriteService', ['', function(){
var service = {}
service.setParam = function(parameter) {
service.fav = parameter;
};
return service;
}])
}]);

Answer 4

Here's a neat data sharing service example, where we store different data using set and get methods. Remember to store the values in an object or you can get some strange results sometimes.
Service:
graphs.service('graphsData', [function() {
var graphs = this;
var data = {
all: null,
list: null,
single: null
};
graphs.set = function(k, v) {
data[k] = v;
};
graphs.update = function(k, s, v) {
data[k][s] = v;
};
graphs.get = function(k, v) {
return data;
};
}]);
From your controller:
// Stores the this.fav variable as myFavoriteValue (data.myFavoriteValue)
graphsData.set('myFavoriteValue', this.fav);
To get the value simply call the get function of the service:
graphsData.get().myFavoriteValue;