Comment obtenir un objet qui a été changé dans Angularjs?

Je ne vois pas un moyen actuellement en angulaire pour obtenir l'objet modifié ... Je soupçonne que vous devriez peut-être traverser le nouveau tableau et essayer de trouver les différences avec le vieux tableau ...

Il n'y a toujours pas d'option comme celle-ci pour $ Watch, mais vous pouvez utiliser JQuery Plugin pour cela, http://archive.plugins.jquery.com/project/jquery-diff

J'ai implémenté Angularjs à l'aide de $ Watch, MB Ceci peut aider 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];
            }
        }
    }
})

edit : Notez que cette solution s'avère être une mauvaise pratique car elle ajoute beaucoup d'observateurs, ce qui est quelque chose que vous ne voulez pas, car il a une pénalité de performance.

= = ======

J'ai finalement proposé cette solution: xxx