title: UI-Router - Change $state without rerender/reload of the page
body: <p>I've been looking at these pages (<a href="https://stackoverflow.com/questions/23585065/angularjs-ui-router-change-url-without-reloading-state">1</a>, <a href="https://stackoverflow.com/questions/23121695/change-url-of-angular-ui-router-without-reloading-page">2</a>, <a href="https://github.com/angular-ui/ui-router/issues/64" rel="noreferrer">3</a>). I basically want to change my <code>$state</code>, but I don't want the page to reload. </p>
  
  <p>I am currently in the page <code>/schedules/2/4/2014</code>, and I want to go into edit mode when I click a button and have the URL become <code>/schedules/2/4/2014/edit</code>. </p>
  
  <p>My <code>edit</code> state is simply <code>$scope.isEdit = true</code>, so there is no point of reloading the whole page. However, I do want the <code>$state</code> and/or <code>url</code> to change so that if the user refreshses the page, it starts in the edit mode.</p>
  
  <p>What can I do?</p>