How to update view in angularJS when an object is updated outside of the scope

Question

I have an object outside the AngularJS scope that looks something like:

obj = { isBig : true, name: "John" ... }

it has many parameters and it was created outside the angular scope and it updates outside of angularJS (for example - via ajax call that I make with jQuery).

inside my controller I write:

$scope.obj = obj;

How do I create an event that listens to any of the object's changes and updates the view ? So the event is the objects's changes

Specifically I have a parameter called obj.isAjaxCallFailed = true/false that I use in the view as <div ng-show="obj.isAjaxCallFailed"></div>

It's not working. I tried using $on and I can't figure out any way to do it.

asgoth · Accepted Answer · 2013-01-28 12:11:16Z

1

Use $watch() on obj to listen for changes (in your controller):

$scope.$watch(function() {
   return obj;
}, function(value) {
   if(value) {
      $scope.obj = obj;
   }
}, true);

At the place in your code where you create or update obj, you use $rootScope.$apply() to kickoff the watches:

function someCallbackOutsideAngular(data) {
   var $rootScope = angular.injector(['ng']).get('$rootScope');
   $rootScope.$apply(function() {
      obj.someKey = data.someValue;
   });
}

Note: angular.injector(['ng']) should probably set somewhere outside the callback (no need to execute it all the time).

answered Jan 28, 2013 at 12:11

asgoth

35.8k12 gold badges91 silver badges98 bronze badges

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

2 Comments

Alon Over a year ago

'ng' is the name of my controller? my ng-app? or it is a constant that is called 'ng'?

asgoth Over a year ago

'ng' is the module which contains $rootScope. So in this case, it's a constant. See docs.angularjs.org/api/angular.injector

Collectives™ on Stack Overflow

How to update view in angularJS when an object is updated outside of the scope

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related