title: How to remove parenthesis in URL when using child/ auxiliary routes (named routers) in Angular2?
body: <p>I am using named routers in my application to implement routing in one of the shared modules. </p>
  
  <p>This is what configuration looks like in AppRoutingModule (root):</p>
  
  <pre><code>    const routes: Routes = [
    {
      path: '',
      children: [
        {
          path: 'home',
          component: HomeDetailsComponent,
        },
        {
          path: 'call',
          component: CallDetailsComponent
        },
      ]
    }
  ];
  </code></pre>
  
  <p>Then, when user navigates to first path, that is '/home', then there is a separate routing module for this module which has the following configuration:</p>
  
  <pre><code>const curriculumRoutes: Routes = [ 
    {
      path: 'home',
      component: HomeDetailsComponent,
      children: [
        {
          path: ':id',
          component: RoomDetailsComponent,
          outlet: 'chapter',
        }
      ]
    },
  ];
  </code></pre>
  
  <p>For first root configuration, I am using primary outlet to render the components and for second configuration, I am using named router 'chapter'. 
  The URL which I am getting from primary router outlet is following:</p>
  
  <pre><code>http://localhost:3000/#/home
  </code></pre>
  
  <p>But with further named router outlet, it is like this:</p>
  
  <pre><code>http://localhost:3000/#/home/(chapter:2)
  </code></pre>
  
  <p>How to have an URL like this for named router outlets as well:</p>
  
  <pre><code>    http://localhost:3000/#/home/chapter/2
  </code></pre>