Javascript 如何使用Angularjs手表获取新值

Javascript 如何使用Angularjs手表获取新值,javascript,angularjs,Javascript,Angularjs,当数组中的值发生变化时,我使用angular watch触发回调函数。然后,该函数必须获取已更改的数组中的值。下面是代码和小提琴的链接 <div ng-app> <h2>Please modify the values, how to watch them?</h2> <div ng-controller="TodoCtrl"> <ul> <li ng-repeat="col in columns">

当数组中的值发生变化时,我使用angular watch触发回调函数。然后,该函数必须获取已更改的数组中的值。下面是代码和小提琴的链接

<div ng-app>
  <h2>Please modify the values, how to watch them?</h2>
  <div ng-controller="TodoCtrl">
  <ul>
      <li ng-repeat="col in columns">
          <input type="text" ng-model="col.field" />
          <input type="text" ng-model="col.displayName" />
      </li>
      </ul>

  </div>
</div>


    --------------------------------
 function TodoCtrl($scope) {
  $scope.columns = [
      { field:'title', displayName: 'TITLE'},
      { field: 'content', displayName: 'CONTENT' }
  ];
    $scope.$watch('columns', function(newVal) {
        alert(newVal);
    },true);
}

请修改这些值,如何查看它们?
-------------------------------- 函数TodoCtrl($scope){ $scope.columns=[ {字段:'title',显示名称:'title'}, {字段:'content',显示名称:'content'} ]; $scope.$watch('columns',function(newVal){ 警报(newVal); },对); }
链接到小提琴:- 使用函数(newVal,oldVal){},第一个参数将返回新值,第二个参数将返回旧值

function TodoCtrl($scope) {
  $scope.columns = [
      { field:'title', displayName: 'TITLE'},
      { field: 'content', displayName: 'CONTENT' }
  ];
    $scope.$watch('columns', function(newVal,oldVal) {
        alert("OLD Data: "+JSON.stringify(oldVal));
        alert("NEW DATA: "+JSON.stringify(newVal));
    },true);
}
请参阅工作小提琴示例。