title: Best practice to save form state and progress in angularjs application?
body: <p>I'm writing a multi step wizard in angularjs. On each step, I wish to save to the server, and progress to the next step in the the wizard.</p>
  
  <p>Using simple links to progress to the next step, and saving to the backend server, is simple and it updates my location, maintaining browser history, but this approach violates the intent of GET being safe and idempotent.</p>
  
  <p>I'm taking this approach instead;</p>
  
  <pre><code>$scope.progressToSetp2 = function() {
  
      $http.put('quote/' + $routeParams.quoteId, $scope.quote)....;
  
      $scope.OnAfterSubmit = function() {
          $location.path('/steptwo').replace();
          $scope.$apply();
      };
  
  $scope.includeFormPartial = 'partials/steptwo.html';
  };
  </code></pre>
  
  <p>Is this a good approach? Are there better approaches?</p>
  
  <p>Thanks.</p>