Note that there are some explanatory texts on larger screens.

plurals
  1. POhow to maintain old value in Angular js
    primarykey
    data
    text
    <p>i have created editable Grid in angular js.</p> <p>issue that i m facing is if user click edit and change values and then cancel edit . it updates the scope that is default behavior as m using ng-model</p> <p>but i wanted to preserver old state so in case if user tries to cancel i can set old values in Grid</p> <p><strong>View</strong></p> <pre><code>&lt;tr ng-repeat="course in courses"&gt; &lt;td&gt; &lt;span&gt;{{course.id}}&lt;/span&gt; &lt;/td&gt; &lt;td&gt; &lt;span ng-show="course.editMode == null || course.editMode == false"&gt;{{course.number}}&lt;/span&gt; &lt;input class ="form-control" ng-model="course.number" ng-show="course.editMode == true" /&gt; &lt;/td&gt; &lt;td&gt; &lt;span ng-show="course.editMode == null || course.editMode == false"&gt;{{course.name}}&lt;/span&gt; &lt;input class="form-control" ng-model="course.name" ng-show="course.editMode == true" /&gt; &lt;/td&gt; &lt;div class="btn-group"&gt; &lt;i ng-click="updateCourse(course)"&gt;&lt;/i&gt; &lt;i ng-click="cancelEditMode(course)"&gt;&lt;/i&gt; &lt;/div&gt; </code></pre> <p><strong>Controller</strong></p> <pre><code>$scope.courses = []; var oldvalue = ''; $scope.toggleEditMode = function (course) { course.editMode = true; oldvalue = course; }; $scope.cancelEditMode = function (course) { course.editMode = false; var index= $scope.courses.indexOf(course); $scope.courses[index] = oldvalue; }; </code></pre> <p>i have tried to have a variable oldvalue and when user clicks edit i save existing value in oldvalue and then on canceledit i tries to set oldvalue. but it didnt work, i always get new value in oldvalue.</p> <p>can some one help me out wat i m doing wrong ? </p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload