Set and get value with factory, angularJS

Question

Here's a service:

myApp.factory('myService', function() {
    var test = 5;

    return{
      setTestVal: function(val){
        test = val;
      },
      getTestVal: function(){
        return test;      
      }
    }    
});

This is my controllers. One get the value and one sets it

function MyCtrl($scope, myService) {
    $scope.test = myService.getTestVal();
}

function SetCtrl($scope, myService){
    $scope.newTestVal = '';
    $scope.setTestVal = function(val){
      myService.setTestVal(val)
    }
}

But the view is not updated when I set the value.

Fiddle: http://jsfiddle.net/HB7LU/7036/

Is this the wrong approach to setting and getting values?

tymeJV · Accepted Answer · 2014-10-07 21:07:57Z

1

No, this approach is perfectly fine, however the view has no idea when a new value is set, you have to setup a $watch on the shared property:

$scope.$watch(function() {
    return myService.getTestVal();
}, function(value) {
    $scope.test = value;
});

Fiddle: http://jsfiddle.net/HB7LU/7041/

answered Oct 7, 2014 at 21:07

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

1 Comment

Joe Over a year ago

Guess I'm getting to spoiled with the two way data binding. Thx.

user1097182 · Accepted Answer · 2015-08-24 06:44:06Z

0

You even could do it without $watch, check fiddle i modified from yours :

var myApp = angular.module('myApp',[]);
myApp.factory('myService', function() {
    var test = 5;
    var obj = {
        test : 5
    }

    return{
      setTestVal: function(val){
        test = val;
        obj.test = val;
      },
      getTestVal: function(){
        return test;      
      },
      data : obj
    }


});

function MyCtrl($scope, myService) {
    $scope.test = myService.getTestVal();
    $scope.data = myService.data;
}

function SetCtrl($scope, myService){
    $scope.newTestVal = '';
    $scope.setTestVal = function(val){
      myService.setTestVal(val)
    }
}

http://jsfiddle.net/no9rv2nb/

answered Aug 24, 2015 at 6:44

user1097182

286 bronze badges

Collectives™ on Stack Overflow

Set and get value with factory, angularJS

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related