ng-watch

by Alejandro M

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<body ng-app="miApp" ng-controller="MainCtrl">
  <div ng-repeat="a in b">
    <input type="text" ng-model="a.value" />{{a.value}}
  </div>
  <p>{{count}}</p>
  <p>{{b}}</p>
</body>

JavaScript

var app = angular.module('miApp', []);
app.controller('MainCtrl', function($scope) {
  $scope.count = 0;
  $scope.b = [{
    value: 1
  }, {
    value: 2
  }, {
    value: 3
  }];
  $scope.$watch('b', function() {
    $scope.count += 1;
  }, true)// true watching properties array first level
  $scope.$watch('count', function(newValue, oldValue) {
    console.log("newValue: " + newValue + "oldValue: " + oldValue)
  });


});