title: Different routes same component
body: <p>I want to achieve something like this <code>/products</code> shows all the products and <code>/products/:category</code> shows all the products related to a specific category. To achieve that I have the following routes:</p>
  <pre class="lang-js prettyprint-override"><code>const productsRoutes: Routes = [
    {
      path: 'products',
      component: ProductsComponent,
      children: [
        {
          path: '',
          component: ProductsListComponent,
        },
        {
          path: ':category',
          component: ProductsListComponent
        }
      ]
    }
  ];
  </code></pre>
  <p><strong>Problem</strong></p>
  <p>When I switch between categories, everything is fine, when I switch between all products and category products, and vice-versa, Angular redraws the components and there's a flickering.</p>
  <p>Angular 2 Router final version doesn't have Regex,as for as I know. Is there something that I'm missing, or for now this is the only solution?</p>