Update $scope from inside callback in angularJS

Question

I have this controller and I would like to update the $scope.progress from within the function callback. I tried using $rootScope and $scope.apply() but I can't get it to work. Is there something I'm missing?

progressupdate is a variable returned by the event. the code is not exactly like this. I made it super simple here to show the structure.

app.controller('player', function($scope) {

    var show = function(url) {
        function(err, showOK) {
            if (err) {
                console.log(err);
            } else {
                showOK.on('listening', function(){
                     $scope.progress = progressupdate;
                });
            }
        });
    }

    show(url);

});

Am I running that function incorrectly inside the controller? Should I use something like this?

 $scope.show = function(url)...etc

Your example is syntactically incorrect. Not sure if that's a bad copy/paste or the actual problem. — SomeKittens
– SomeKittens, Commented Mar 31, 2014 at 19:52

Iqbal Fauzi · Accepted Answer · 2014-03-31 19:53:00Z

35

I don't see the $apply function on above script, and progressupdate. Try $apply after set, or set it inside $apply :

showOk.on('listening', function(){
   $scope.$apply(function(){
      $scope.progress = progressupdate;
   });
});

or

showOk.on('listening', function(){
   $scope.progress = progressupdate;
   $scope.$apply();
});

The first method is recommended.

answered Mar 31, 2014 at 19:53

Iqbal Fauzi

1,57111 silver badges12 bronze badges

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

1 Comment

fmtoffolo Over a year ago

I guess I'm pretty burned out cause I tried what you suggested before and couldn't get it to work! thanks!

Collectives™ on Stack Overflow

Update $scope from inside callback in angularJS

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related