title: How to redirect any nested urls same component in angular
body: <p>I have following in router</p>
  
  <pre><code>const routes: Routes = [
    {
      path: "",
      component: demo1Component,
      canActivate: [AuthGuard]
    },
    {
      path: "demo2",
      component: demo2Component,
      children: [
        {
          path: ':id', component: demo2Component}
      ],
      canActivate: [AuthGuard]
    },
    {
      path: "demo3",
      component: demo3Component
      ,canActivate: [AuthGuard],
    },
  ];
  
  </code></pre>
  
  <p>I want to redirect any thing like</p>
  
  <pre><code>demo2/1/url/hi
  
  demo2/100/temp/h2
  
  demo2/2300/hello/demo
  </code></pre>
  
  <p>to same demo2Component. How can I achieve that rather than writing everything explicitly?</p>
  
  <p>From,
  zen  </p>