Angularjs: Reset specific $scope object properties

Question

i'm having 2 select fields and number of input fields as scope object properties

  $scope.resetAll=function(){
	    	$scope.tableVal=0;
	    };

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<select ng-model="tableVal.portfolio" ng-change="getProjectPhase(tableVal.portfolio)" class="form-control portfolioSelect" id="sel1" style="margin-top: -3px;">
     <option>blah blah<option>
     
      <select ng-model="tableVal.project" ng-options="v as v for (k,v) in selectOptions" class="form-control projectPhaseSelect" id="sel3" style="margin-top: -3px;">
         <option>blah blah<option>
        </select>
  
   <td>$<input  id="testingInput" type="number"step="0.02" ng-disabled="!tableVal.project" ng-model="tableVal.Prevention"> </td>
  
  
   <td>$<input  id="testingInput" type="number" step="0.02" ng-disabled="!tableVal.project" ng-model="tableVal.Appraisal"> </td>
  
  
   <td>$<input  id="testingInput" type="number" step="0.02" ng-disabled="!tableVal.project" ng-model="tableVal.InternalFailure"> </td>
  
  <button type="button" class="btn btn-primary" ng-click="resetAll()"style="margin-top: -11px;">RESET</button>

when i click reset button the $scope.tableVal=0; resets all the field, but in my case i want select values not to be replaced, i somehow managed to get the values and set it manually, but no use

function(portfolio,project){
	        	
	        	 $scope.tableVal=0;
	        	$scope.tableVal.portfolio=portfolio;
                $scope.tableVal.project=project;
}

how to resolve this

varun · Accepted Answer · 2016-01-22 12:20:28Z

1

In resetAll method, reset all the values except those which are bind to the select.

for (var key in $scope.tableVal) {
    if (key !== 'project' && key !== 'portfolio') {
        $scope.tableVal[key] = 0;
    }
}

answered Jan 22, 2016 at 12:20

varun

6624 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Vignesh Rajarajan Over a year ago

never thought about this.. greatttt

Collectives™ on Stack Overflow

Angularjs: Reset specific $scope object properties

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related