Angular.js $watch on object....does not consider adding property a change

Question

In Angular.js, I have this in my directive:

    scope.$watchCollection(function(){
          return StatusTrackerService.eventCollection
      }, function(){
          console.log("ssssssssssss");
          console.log(StatusTrackerService);
          console.log("ssssssssssss");
      });

In my service, I am feeding it StatusTrackerService.eventCollection and add a property to eventCollection:

    function runEventCheck(account, eventId) {
        url = urlBuilder(account, eventId);

        eventCollection[referenceVipLabel.vipLabel] = new NewStatusEvent(account, eventId, url);
    }
    return { runEventCheck: runEventCheck,
             eventCollection: eventCollection,
             referenceVipLabel: referenceVipLabel
    };
});

When I add a property to eventCollection, $watch does not detect a change. It seems to me adding a property to object eventCollection would change the object. Why isn't $watch detecting this change? I don't really want to use $watchCollection because then it detects any changes to StatusTrackerService.

eventCollection is StatusTrackerService.eventCollection right? — PSL
– PSL, Commented Aug 13, 2014 at 17:20
yes, eventCollection is StatusTrackerService.eventCollection — dman
– dman, Commented Aug 13, 2014 at 17:27

PSL · Accepted Answer · 2014-08-13 17:29:20Z

3

You need to do a deepwatch on the property. You can do it by setting the third argument for object equality on the watch.

 scope.$watch(function(){
      return StatusTrackerService.eventCollection; 
  }, function(v){
       console.log(v);
   }, true); //<-- Here

Plnkr

edited Aug 13, 2014 at 17:29

answered Aug 13, 2014 at 17:16

PSL

124k21 gold badges257 silver badges243 bronze badges

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

Collectives™ on Stack Overflow

Angular.js $watch on object....does not consider adding property a change

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