如何使用Angularjs手錶獲取newVal

Question

我使用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); 
} 

鏈接到小提琴： - http://jsfiddle.net/SYx9b/#&togetherjs=MLzovnvQAI

Answer 1

使用功能（的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); 
} 

查看工作小提琴的例子。 http://jsfiddle.net/imhassan66/7dzyL/