title: AngularJS Caching a REST request
body: <p>I'm new to angularJS and have a question about caching etc.</p>
  
  <p>I have a wizard with two steps, I want to be able to click back and next and have the forms still filled out as the user had them.</p>
  
  <p>In my page1Partial i have this:</p>
  
  <pre><code>&lt;li ng-repeat="pick in picks | orderBy:orderProperty"&gt;
  &lt;b&gt;&lt;span ng-bind="pick.name"/&gt;&lt;/b&gt;
  &lt;input type="checkbox" ng-model="pick.checked" ng-click="updateBasket(pick)"&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>When i go to the next page, then click back the checkboxs are cleared, and its because my RESful call to a java service is called again. How can I cache this response?</p>
  
  <p>From my controller, this hits my REST web service every time.</p>
  
  <pre><code>$scope.picks = Pick.query();
  </code></pre>
  
  <p>My service</p>
  
  <pre><code>angular.module('picksService', ['ngResource']).
      factory('Pick', function ($resource) {
          return $resource('rest/picks/:id', {}, {
              'save': {method: 'PUT'}
          });
      });
  </code></pre>