Angular: Reset model

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-resource-1.0.0.js"></script>
<script src="http://code.angularjs.org/angular-1.0.0.js"></script>
<html ng-app>
<div ng-controller="MyCtrl">
    <div ng-repeat="data in datas">
        <input type="text" ng-model="data.data1" />
        <input type="text" ng-model="data.data2" />
    </div>
    <a ng-click="reset()">Reset to initial value</a>
    or     
    <button ng-click="name = initial">Reset to initial value</button>
    <hr />
    <p ng-repeat="data in datas">{{data.data1}}, {{data.data2}}</p>
</html>

JavaScript

function MyCtrl($scope) {
    $scope.initial = [
        {
            data1: 10,
            data2: 20
        }            
    ];
    
    
    $scope.datas= $scope.initial;
    
    
    $scope.reset = function(){
      $scope.datas = $scope.initial;  
    } 
          
}