title: showing only certain form at a time in single-page web app
body: <p>I have a single-page web app containing multiple forms. 
  Depends on what user clicks between two buttons("next step" or "previous step"), I want to show different steps. Let's say I see a form corresponding to step 1. If I click a "next step" button, I want to see a form corresponding to step 2.</p>
  
  <p>I have <code>index.html</code> code like following:</p>
  
  <pre><code>&lt;form name="form" novalidate ng-submit="submitStep1()" ng-show="step == 1"&gt;
    //multiple inputs
  &lt;/form&gt;
  
  &lt;form name="form" novalidate ng-show="step == 2"&gt;
    //multiple inputs
  &lt;/form&gt;
  </code></pre>
  
  <p>submitStep1 function is like following:</p>
  
  <pre><code>  $scope.submitStep1 = function () {
      if ($scope.form.$valid) {
        $scope.step = 2;
      }
    };
  </code></pre>
  
  <p>Whenever submit button gets clicked, I increase step number. The problem is that I'm trying to add 2 buttons as I explained above so I can either increase or decrease step number. However, it seems like <code>ng-submit</code> can only take one function(meaning that even if I add 2 buttons, only one function will be triggered). What would be the solution for this?</p>