Làm thế nào để có được một đối tượng đã được thay đổi trong angularjs?

Question

tôi sử dụng chức năng này để xem một mảng của các đối tượng cho những thay đổi:

$scope.$watch('Data', function (newVal) { /*...*/ }, true); 

Làm thế nào tôi có thể nhận được một đối tượng, trong đó tài sản đã được thay đổi để tôi có thể đẩy nó trong một mảng? Ví dụ:

var myApp = angular.module("myApp", []); 

myApp.factory("Data", function(){ 
var Data = [{id:1, property: "Random"}, {id:2, property: "Random again"}]; 
return Data; 
}); 

var myBigArray = []; 

function tableCtrl($scope, Data){ 
    $scope.TheData = Data; 
    $scope.$watch("TheData", function() { 

    //Here an object should be pushed 
    myBigArray.push(">>Object in which property has been changed <<<"); 
    }, true); 
} 

Answer 1

Tôi không thấy một cách hiện trong góc để có được những đối tượng đã thay đổi ... Tôi nghi ngờ bạn có thể cần phải đi qua các mảng mới và cố gắng tìm sự khác biệt với các mảng cũ. ..

Answer 2

Hiện vẫn còn không có lựa chọn như thế này với $ xem, nhưng bạn có thể sử dụng jQuery plugin cho rằng, http://archive.plugins.jquery.com/project/jquery-diff

tôi thực hiện undo/redo với AngularJS sử dụng $ xem, mb này có thể giúp

//History Manager Factory 
.factory('HistoryManager', function() { 
    return function(scope) { 

     this.container = Array(); 
     this.index = -1; 
     this.lock = false; 

     //Insert new step into array of steps 
     this.pushDo = function() { 
      //we make sure that we have real changes by converting to json, 
      //and getting rid of all hash changes 
      if(this.container.length == 0 || (angular.toJson(scope.widgetSlider) != angular.toJson(this.container[this.index][0]))) { 
       //check if current change didn't came from "undo" change' 
       if(this.lock) { 
        return; 
       } 
       //Cutting array, from current index, because of new change added 
       if(this.index < this.container.length-1) { 
        this.container = this.container.slice(0, this.index+1); 
       } 

       var currentStepSlider = angular.copy(scope.widgetSlider); 
       var selectedWidgetIndex = scope.widgetSlider.widgets.indexOf(scope.widgetCurrent); 
       //Initialising index, because of new "Do" added 
       this.index = this.container.length; 
       this.container.push([currentStepSlider, selectedWidgetIndex]); 

       if (this.onDo) { 
        this.onDo(); 
       } 
      } 
     } 


     //Upon undo returns previous do 
     this.undo = function() { 
      this.lock = true; 
      if(this.index>0){ 
       this.index--; 
       scope.widgetSlider = angular.copy(this.container[this.index][0]); 
       var selectedWidgetIndex = this.container[this.index][1]; 
       scope.widgetCurrent = scope.widgetSlider.widgets[selectedWidgetIndex]; 
      } 
      this.lock = false; 
     } 

     //Upon redo returns next do 
     this.redo = function() { 
      if(this.index < this.container.length-1) { 
       this.index++; 
       scope.widgetSlider = angular.copy(this.container[this.index][0]); 
       var selectedWidgetIndex = this.container[this.index][1]; 
       scope.widgetCurrent = scope.widgetSlider.widgets[selectedWidgetIndex]; 
      } 
     } 
    } 
}) 

;

Answer 3

Chỉnh sửa: Lưu ý rằng giải pháp này hóa ra là một hành động không tốt vì nó đang thêm rất nhiều người theo dõi, đó là điều bạn không muốn vì nó có hình phạt hiệu suất.

=======

tôi cuối cùng đã đưa ra giải pháp này:

items.query(function (result) { 
    _(result).each(function (item, i) { 
     $scope.items.push(item); 
     $scope.$watch('items[' + i + ']' , function(){ 
      console.log(item); // This is the item that changed. 
     }, true); 
    }); 
});