Scope variable reference to service data AngularJS

Question

I have a service with an object, and that object has a property value, and I set this to reference to a scope value of a controller. Why when I update scope value, services value is not updated, or vice versa????

 .service('Item', function () { return { value: 0 }}
 .ctrl('Ctrl', function ($scope, Item) { 
     $scope.value = Item.value;
     Item.value = 2;
 });

Answer 1

Try this -

app.service('Item', function(){
    this.value = 0; // instead of value return { value: 0 }
});

app.controller('ACtrl', function ($scope, Item) { 
   console.log('Item', Item);

   $scope.value = Item.value;
   console.log('$scope.value', $scope.value);

   Item.value = 2;
   console.log('Item', Item);
});

Here is the output of above code -

Item Constructor {value: 0} 
$scope.value 0 
Item Constructor {value: 2} 

Here, Plnker code