title: How to redirect on different view on refresh in AngularJS?
body: <p>i'm developing an application in AngularJS. Basically, i have a "home" page and a "new project". In the home page i have a menu with a link to "new project". </p>
  
  <p>I configured the $stateProvider as follows :</p>
  
  <pre><code>$stateProvider.state('home', {
      url: '/',
      templateUrl: 'partials/home.jsp'
  }).state('newproject', {
      url: '/newproject',
      templateUrl: 'partials/new-project.html'
  })
  </code></pre>
  
  <p>So, when i enter the app, i'm in the home page. Then i click on "new project" link and i'm in the "new project" page. Now the url is <em><a href="http://myapp/newproject">http://myapp/newproject</a></em></p>
  
  <p>My problem is, when i refresh the page, i want to be redirected on the home page, even if the url in my browser bar is still  <em><a href="http://myapp/newproject">http://myapp/newproject</a></em></p>
  
  <p>How can i achieve that?</p>
  
  <p><strong>UPDATE :</strong></p>
  
  <p>Thank you very much <strong>squiroid</strong> for your answer. I used the second solution and it worked like a charm. A little clarification, just in case someone should have the same problem, before redirecting to home you have to prevent default operation. So the correct working code is :</p>
  
  <pre><code>$rootScope.$on("$locationChangeStart", function(event, next, current) { 
  
  if(next==current &amp;&amp; next=='/newproject')
      event.preventDefault();
      $state.go('home');
  </code></pre>
  
  <p>});</p>