Update value inside angular js function

Question

The controller.js file is given as

function XYZController($rootScope,$scope){
    var vm = this;
    vm.a = 0;
    var change = function(data){
        data.forEach(function(e,i){
            vm.a+=Number(e.value);
        });
    }
    $log.log(vm.a);
}

The function change is called,but the $log.log(a) prints 0,instead of the updated sum.How to take the updated value of vm.a?When I do $scope.$apply,I get an error "$digest is already in progress".

How do you call change? Please post all the relevant code. — Cristian Lupascu
– Cristian Lupascu, Commented Mar 29, 2016 at 7:01
if you are using ng-click, then you don't have to call $apply. — Abdul Mannan - Data Engineer
– Abdul Mannan - Data Engineer, Commented Mar 29, 2016 at 7:02

Martijn Welker · Accepted Answer · 2016-03-29 07:03:04Z

2

You're calling $log.log(vm.a); before calling change(), therefore it logs your vm.a = 0;, if you change your code to this it should work.

function XYZController($rootScope,$scope){
    var vm = this;
    vm.a = 0;
    var change = function(data){
        data.forEach(function(e,i){
            vm.a+=Number(e.value);
        });
        $log.log(vm.a);
    }
}

answered Mar 29, 2016 at 7:03

Martijn Welker

5,6151 gold badge19 silver badges26 bronze badges

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

3 Comments

Abdul Mannan - Data Engineer Over a year ago

exactly, javascript is synchronous.

Martijn Welker Over a year ago

The value will be changed, and it will also be usable outside of your function. Why'd you assume that wouldn't be possible ?

hakunamatata Over a year ago

Thanks,it changed.I was just wasting time trying to print the updated value,outside the function,without checking if it actually changed.

Dss · Accepted Answer · 2016-03-29 07:12:50Z

0

You cannot call $log before the completion of your change function else it will return you 0 only.

answered Mar 29, 2016 at 7:12

Dss

337 bronze badges

Collectives™ on Stack Overflow

Update value inside angular js function

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related