title: A way to update Url with Angular Material Tabs
body: <p>Angular 6 using Angular Material, display a list, using tabs to go on item details "page".</p>
  
  <p><a href="https://i.stack.imgur.com/af5Ps.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/af5Ps.png" alt="Route"></a></p>
  
  <p>My route is simple: </p>
  
  <pre class="lang-ts prettyprint-override"><code>{
      path: '', component: CurrenciesComponent
  }
  </code></pre>
  
  <p>and I tried something like this:</p>
  
  <pre class="lang-ts prettyprint-override"><code>{
      path: 'currencies',
      canActivate: [AuthGuard],
      component: CurrenciesComponent,
      children: [
          { path: 'currencies/:id', component: CurrenciesDetailComponent }
      ]
  }
  </code></pre>
  
  <p>I searched to find a solution, but nothing to solve it. Maybe this is not possible using Material Tabs? </p>