title: Routing issue with AngularJS project using yeoman setup
body: <p>I have setup a new Angular project using yeoman. Angular version is 1.6.0. Project setup was successful but I have been facing an issue with routing</p>
  
  <p>Task runner - Grunt</p>
  
  <p>When I run the project in local my local page will load with URL</p>
  
  <p><a href="http://localhost:9000/#!/" rel="nofollow noreferrer">http://localhost:9000/#!/</a></p>
  
  <p>I was expecting <a href="http://localhost:9000/#/" rel="nofollow noreferrer">http://localhost:9000/#/</a></p>
  
  <p>When clicked on About link browser is routed to</p>
  
  <p><a href="http://localhost:9000/#!/%23%2Fabout" rel="nofollow noreferrer">http://localhost:9000/#!/%23%2Fabout</a></p>
  
  <p>Expectation: <a href="http://localhost:9000/#/about" rel="nofollow noreferrer">http://localhost:9000/#/about</a></p>
  
  <p>When I click home link browser is routed to</p>
  
  <p><a href="http://localhost:9000/#!/%23%2F" rel="nofollow noreferrer">http://localhost:9000/#!/%23%2F</a></p>
  
  <p>Expectation: <a href="http://localhost:9000/#/" rel="nofollow noreferrer">http://localhost:9000/#/</a></p>
  
  <p>What might be the issue? I have no such issues in my other system where I'm using AngularJS 1.5.8.</p>