title: Alias angular 2 route path in browser url
body: <p>I am working with module and feature loading views using Angular 2, According our requirement it should show feature view according to  selected module.</p>
  
  <p><a href="https://i.stack.imgur.com/4tdkY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4tdkY.png" alt="enter image description here"></a></p>
  
  <p>Feature view for selected Module1 </p>
  
  <p><a href="https://i.stack.imgur.com/sqmgD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sqmgD.png" alt="enter image description here"></a></p>
  
  <p>Current route path </p>
  
  <p><a href="https://i.stack.imgur.com/2lLRR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2lLRR.png" alt="enter image description here"></a></p>
  
  <p>So browser url looks like this </p>
  
  <p><a href="https://i.stack.imgur.com/IMcOH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IMcOH.png" alt="enter image description here"></a><br>
  But I need to change it like this </p>
  
  <p><a href="https://i.stack.imgur.com/yRUHj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yRUHj.png" alt="enter image description here"></a></p>
  
  <p>Please help me to resolve this scenario. Thank You.</p>