CODEWITHSUNDEEP
javascriptangularjsscopeangularjs-scope
fmtoffolo
fmtoffolo

Reputation: 371

Update $scope from inside callback in angularJS

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

Upvotes: 24

Views: 14743

Answers (1)

Iqbal Fauzi
Iqbal Fauzi

Reputation: 1571

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.

Upvotes: 35

Related Questions