title: Angular router : how to redirect to a component based on a part of the routerlink
body: <p>In my Angular app</p>
  <p>i ve this routing file :</p>
  <pre><code>const routes: Routes = [
    {
      path: &quot;&quot;,
      children: [
        {
          path: &quot;&quot;,
          redirectTo: &quot;/my-default-page&quot;,
          pathMatch: &quot;full&quot;
        },
        {
          path: &quot;reset_password&quot;,
          component: ResetPassword,
          canActivate: [MyAuthGuard],
          children: [{ path: &quot;**&quot;, redirectTo: &quot;/reset_password&quot; }]
        }
      ]
    }
  }
  ];
  </code></pre>
  <p>i want to not pass by a redirection , and that when the route : would be soemthing like this :</p>
  <pre><code>/reset_password/blabalabla
  </code></pre>
  <p>it would not redirect me but simply load the component  <strong>ResetPassword</strong> and keeps the url as it is</p>
  <p><strong>Suggestions ?</strong></p>