[AngularJS] $scope.$warchCollection

For the $watch in last article, we watch 'user.password', actually it is a string.

If you watch 'user', this object and we do something like:

function WatchCtrl ($scope) {

    $scope.$watch('user', function (newVal, oldVal) {
        console.log(newVal, oldVal);
    });

}

 

Actually it won't work.

Because, $watch without the third param is a reference watching. If we add the third param:

function WatchCtrl ($scope) {

    $scope.$watch('user', function (newVal, oldVal) {
        console.log(newVal, oldVal);
    }, true);

}

Then it lost value watching, but it is qiute expensive.

 

Actually we have another way to do that if what we are watching is an object by using $watchCollection:

function WatchCtrl ($scope) {

    $scope.$watchCollection('user', function (newVal, oldVal) {
        console.log(newVal, oldVal);
    });

}