AngularJS: run function on view update

Question

I'm playing around with AngularJS (and trying to get my head round it) and have a controller which for the purpose of this question can be simplified to:

$scope.addMessage = function() {
      $scope.messages.push({author: 'nick', 
        text: $scope.messageText, active: true});
};

Every time that the model changes due to this '$scope.addMessage' I want to run emojify.run();... If I simply put it after $scope.messages.push... it runs before the data is shown in the view and therefore doesn't work. How do I call the function emojify.run(); once the view has updated?

I suspect that there is a better way to do what you are attempting. AngularJS to my knowledge does not support this type of pattern. Are you trying to change something in the DOM after the data updates? If so, look into directives. Having your controller manipulate the DOM directly seems to violate the MVC principles that AngularJS is meant to be used with. — ChrisP
– ChrisP, Commented Jun 1, 2013 at 17:55

anups · Accepted Answer · 2013-06-01 19:02:36Z

1

I think you need to use the scope.$watch listener on your model

See this tutorial that does something similar: http://www.youtube.com/watch?v=8ozyXwLzFYs

$watch is called in the $digest phase. For details see the Scope lifecycle here: http://docs.angularjs.org/guide/scope

answered Jun 1, 2013 at 19:02

anups

5831 gold badge8 silver badges18 bronze badges

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

Collectives™ on Stack Overflow

AngularJS: run function on view update

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