title: AngularJS - When working with ui-router, views are not cleaned before re-appear
body: <p>I'm working on an admin panel in AngularJS. The panel includes 4 tabs, each contains a table (of users etc.) and pressing on a row will lead to a specific object screen (e.g: all user details, includes those which not appear in table).</p>
  
  <p>Everything is working OK, beside one thing. I press on a row in the users table, I get the user screen. When pressing back and than pressing another user row, I can see for a seconds (until data is received from server) the previous user data.</p>
  
  <p>This is what I have in my HTML:</p>
  
  <pre><code>    &lt;div class="span12" ui-view &gt;
          &lt;!--PAGE CONTENT BEGINS--&gt;
  
          &lt;!--PAGE CONTENT ENDS--&gt;
      &lt;/div&gt;&lt;!--/.span--&gt; 
  </code></pre>
  
  <p>And in my controllers all the transition looks like (for example):</p>
  
  <pre><code>    $state.transitionTo('userDetails', {userId: id});
  </code></pre>
  
  <p>Is there any way to reload completeley the HTML so the user won't see previous data?</p>
  
  <p>Thanks.</p>