title: Parenthesis in the URL nested routing - Angular v4
body: <p>I am having a problem with the routing on my Angular app which adds a parenthesis to the URL when it should not.</p>
  
  <p>I have a 'deep' nested routing, so I have been trying different approaches with not lucky.</p>
  
  <p>I only have the problem at the very bottom of the nesting, so the last route possible</p>
  
  <blockquote>
    <p>where I expect this:</p>
    
    <p><a href="http://localhost:4200/#/customers/1/overview" rel="nofollow noreferrer">http://localhost:4200/#/customers/1/overview</a></p>
    
    <p>I get this:</p>
    
    <p><a href="http://localhost:4200/#/customers/1/(overview)" rel="nofollow noreferrer">http://localhost:4200/#/customers/1/(overview)</a></p>
  </blockquote>
  
  <p>I decoupled the code from the project and created a simple sample on GitHub, so you can download it, and try with it (sorry, could not make it on plunkr)</p>
  
  <p><a href="https://github.com/ialex90/AngularErrorRouting" rel="nofollow noreferrer">https://github.com/ialex90/AngularErrorRouting</a></p>
  
  <p>There are a couple of branches, trying different approaches,</p>
  
  <p>Also, you can check this public link to see the behavior with more detailed.</p>
  
  <p><a href="https://angular-error-routing.netlify.com/#/dashboard" rel="nofollow noreferrer">https://angular-error-routing.netlify.com/#/dashboard</a></p>
  
  <p>Any idea? Thanks!</p>
  
  <p><a href="https://i.stack.imgur.com/b8dpy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/b8dpy.png" alt="enter image description here"></a></p>