title: How to reset nested ng-repeat
body: <p>I have a nested ng-repeat with a filter to group by.</p>
  
  <p>I have created this 
      <a href="http://jsfiddle.net/mun2a20a/2/" rel="nofollow">fiddle</a>.</p>
  
  <pre><code>var myApp = angular.module('myApp', []);
  myApp.controller('myCtrl',['$scope', function($scope) {
     $scope.data =[
      {subject: 'English',module: 'Literature', score: 95}, 
      {subject: 'Maths',module: 'Calculus', score: 90}
     ];
  
     $scope.dropScore = function() {
        if ($scope.data[0].score &gt; 0) {
         $scope.data[0].score -= 8;
        }
     }
  
     $scope.origData = angular.copy($scope.data)
  
     $scope.reset = function () {
       $scope.data = angular.copy($scope.origData);
     };
  }])
  
  .filter('groupBy', function() {
    return _.memoize(function(items, field) {
        return _.groupBy(items, field);
    }
   );
  });
  </code></pre>
  
  <p>When you press the button hit score the score of English drops but clicking reset will reset the $scope.data value but not show the updated data on the screen. </p>
  
  <p>Can someone help with this</p>