AngularJS watch object

http://stackoverflow.com/questions/11592538/nested-models-in-angularjs Resources: https://groups.google.com/d/topic/angular/VD77QR1J6uQ/discussion https://groups.google.com/d/topic/angular/-Tx8U9Xm07k/discussion

HTML

<div ng-app="watchApp" ng-controller="watchCtrl">
      <div >
        <input type="text" ng-model="b.value" />{{a.value}}
      </div>
        {{count}}-{{re.b}}
    </div>

JavaScript

angular.module('watchApp', []).controller('watchCtrl', function($scope) {
    $scope.count = 0;
    $scope.re = {};
    $scope.re.b = {value: 1, name : 2};
    

    $scope.$watch('re', function() {
        // do something here
        $scope.count += 1;
    }, true);
});