title: handling routes in angular
body: <p>so I've a simple web application built without angular.</p>
  
  <p><a href="http://niteshsharma.com/js.metalist/" rel="nofollow">http://niteshsharma.com/js.metalist/</a></p>
  
  <p>if you hit on the list item it will update URL with <strong>index.html#/:listId</strong><br>
  and if you hit task it will update URL with <strong>index.html#/:listId/:taskId</strong><br><br>
  all the communication between different component was happening using routes through hashchange event instead of global event bus which was also maintaining states.</p>
  
  <p>I was trying to implement the exact same thing in angular but i am not sure How to do it without using some hackish code.</p>
  
  <p>I've checked $routeProvider and $uiRouter services but I am not sure how to fit them in this scenario and avoid whole page re rendering </p>