javascript - 如何使用 Angularjs Watch 获取 newVal

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 9 年前。

Improve this question

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

<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);
}

fiddle 链接:- http://jsfiddle.net/SYx9b/#&togetherjs=MLzovnvQAI

Answer 1

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

请参阅工作 fiddle 示例。 http://jsfiddle.net/imhassan66/7dzyL/