AngularJS - Resetta $ scope.data ai valori originali

Question

ho creato un violino qui: http://jsfiddle.net/nicktest2222/W4VaA/

voglio solo essere in grado di colpire il pulsante di reset e mettere i miei valori originali indietro. Qualcuno sa qual è il modo migliore per farlo?

Grazie in anticipo

function TodoCtrl($scope) { 
    $scope.data = [ 
    {text:'learn angular', done:true}, 
    {text:'build an angular app', done:false}]; 

    $scope.orig = [$scope.data]; 

    $scope.reset = function() { 
    $scope.data = $scope.orig; 
    }; 

} 

Answer 1

The problem is in JS clone mechanics. Tutto quello che dovete fare è quello di creare una copia completa del modello:

function TodoCtrl($scope) { 
    $scope.data = [ 
     {text:'learn angular', done:true}, 
     {text:'build an angular app', done:false} 
    ]; 

    $scope.orig = angular.copy($scope.data); 

    $scope.reset = function() { 
     $scope.data = angular.copy($scope.orig); 
    }; 
} 

Here is the updated fiddle.

Answer 2

L'opzione più semplice è quella di utilizzare angular.copy per clonare i dati originali, e poi di nuovo per ripristinare i dati in $scope.

function TodoCtrl($scope) { 
    $scope.data = [ 
    {text:'learn angular', done:true}, 
    {text:'build an angular app', done:false} 
    ]; 

    var originalData = angular.copy($scope.data); 
    $scope.reset = function() { 
    angular.copy(originalData, $scope.data); 
    }; 
} 

Edit: angular.copy quando fornito due valori svuotare l'oggetto o matrice di destinazione prima di copiare i valori di origine ad esso. Questo può essere davvero utile quando si tratta di ambiti figlio.

Answer 3

madhead funziona inizialmente, ma in seguito i dati punta a $ scope.orig e reset non funzionerebbe più. Avrebbe bisogno di fare una copia nel reset per farlo funzionare anche. Il lavoro di

Editted madhead: http://jsfiddle.net/W4VaA/2/

function TodoCtrl($scope) { 
    $scope.data = [ 
    {text:'learn angular', done:true}, 
    {text:'build an angular app', done:false} 
    ]; 

    $scope.orig = angular.copy($scope.data); 

    $scope.reset = function() { 
    $scope.data = angular.copy($scope.orig); 
    }; 
}