Manually update angular template

Question

I have a variable $scope.liking. It get's updated whenever somone clicks a like-button, that triggers the listener FB.Event.subscribe.

controller('LikeCtrl', ['$scope', '$window', function($scope, $window) {
  var page_like_callback = function(url, html_element) {
    $scope.liking = true;
    console.log($scope);
  };

  console.log($scope);
  FB.Event.subscribe('edge.create', page_like_callback);
}]);

In my template i have a <p>{{liking}}</p>

It won't update when FB.Event.subscribe fires. I can see with console.log that the scope is updated. Can I kick it to make the template upload or change the code somehow?

James Allardice · Accepted Answer · 2014-01-23 13:26:28Z

2

The callback is executed outside of the control of Angular. You need to explicitly evaluate the expression in the context of $scope. You can do so with $apply:

var page_like_callback = function(url, html_element) {
    $scope.$apply(function () {
        $scope.liking = true;
    });
};

answered Jan 23, 2014 at 13:26

James Allardice

166k22 gold badges335 silver badges316 bronze badges

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

Collectives™ on Stack Overflow

Manually update angular template

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related