Question

195

AngularJS - Reset $scope.data to original values

rated 0 times [ 200] [ 5] / answers: 1 / hits: 48261 / 11 Years ago, tue, july 9, 2013, 12:00:00

I've created a fiddle here: http://jsfiddle.net/nicktest2222/W4VaA/

I just want to be able to hit the reset button and put my original values back. Does anyone know the best way to go about doing this?

Thanks in advance

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;

  };



}

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

aileent

Add To Favorites

Follow

Total Points: 556

Total Questions: 107

Total Answers: 101

Location: Croatia

Member since Fri, Sep 11, 2020

4 Years ago

aileent questions

1 Next.js, getStaticProps not working with component but does with page

Tue, Mar 1, 22, 00:00, 2 Years ago

1 Why am I getting Failed to load extension. Invalid value for 'content_security_policy'?

Fri, Apr 16, 21, 00:00, 3 Years ago

1 Laravel livewire model is not working when updating input field from javascript?

Sun, Nov 29, 20, 00:00, 4 Years ago

1 How to get Input field type as props in react typescript

Wed, Nov 11, 20, 00:00, 4 Years ago

1 React Native Render error missing semicolon

Fri, May 8, 20, 00:00, 4 Years ago

View All

answered 11 Years ago elliem · Accepted Answer

The problem is in JS clone mechanics. All you need to do is to create a deep copy of your model:

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.