title: Go back to previous page without reloading
body: <p>I have a website by <code>mean-stack</code>. </p>
  
  <p>I want to add a web page <code>https://localhost:3000/A</code>. This page contains a textarea where people could write a text, it also contains a button <code>go forward to Page B</code>. Thus clicking on the button leads to <code>https://localhost:3000/B</code>. <code>Page B</code> prints the text (which can not be edited) that was written in <code>Page A</code>. It also contains a button <code>go back to Page A</code>, which leads back to <code>Page A</code>.</p>
  
  <p>When we click on <code>go back to Page A</code>, I don't want the browser to reload <code>https://localhost:3000/A</code> (ie, execute all the functions in <code>resolve</code>) ; I just want to go back to the previous state of <code>Page A</code> (with previous text) right before going to <code>Page B</code>.</p>
  
  <p>Does anyone know how to achieve this?</p>
  
  <p><strong>PS:</strong> <code>Page A</code> and <code>Page B</code> have different controllers. Additionally, for some reasons I can <strong>NOT</strong> enable <code>html5mode</code> in my website.</p>
  
  <pre><code>$stateProvider
      .state('A', {
          url: '/A',
          templateUrl: 'A.html',
          controller: 'ACtrl'
      }
      .state('B', {
          url: '/B',
          templateUrl: 'B.html',
          controller: 'BCtrl'
      }
  </code></pre>
  
  <p><strong>Edit 1:</strong> I tried <a href="https://stackoverflow.com/a/23351154/702977">this solution</a>. The <code>back</code> button did lead to previous page, which was however <strong>reloaded</strong>, that's not what I want.</p>