In Angular, how I navigate directly to a path inside a lazy loaded module? : <p>I would like to have two top level paths for logging in and registering.</p>

<p>I would prefer not having to do <code>auth/log-in</code> and <code>auth/register</code>. </p>

<p>However, the auth components are in a separate module, which is good because it shouldn't be loaded unless specifically requested.</p>

<pre><code>export const routes: Route[] = [
  { path: 'log-in',   loadChildren: './auth-module/auth.module#AuthModule'},
  { path: 'register', loadChildren: './auth-module/auth.module#AuthModule'}
];
</code></pre>

<p>How can I specify when I am defining my routes that I want the <code>log-in</code> path to go to the <code>log-in</code> path <strong>inside</strong> the lazy loaded AuthModule, and the <code>register</code> path to go to the <code>register</code> path <strong>inside</strong> the lazy loaded module?</p>
