title: Lazy loading setup in Angular project
body: <p>I would like to have a lazy loaded module for my articles components. Basically I can call these components from 2 different modules and in both of them the routes will look like this:</p>
  <p>-if I want to fetch all the articles I will go to <strong>module1//articles</strong><br>
  -if I want to fetch a single article I will go to <strong>module1/:articleId</strong></p>
  <p>Same goes for the other module.</p>
  <p>Is there a way I could do this with lazy loading since there is no universal string with which I can access this module like <strong>/articles</strong> and then fetch all of them with <strong>/articles/all</strong> and single article with <strong>/articles/:articleId</strong>? If that was the case it would not be a problem to implement lazy loading. It would look like this:</p>
  <p>module 1:</p>
  <pre><code> {
      path: 'articles',
      loadChildren: () =&gt; import('./articles/articles.module').then(m =&gt; m.ArticlesModule)
  },
  </code></pre>
  <p>articles-routing.module:</p>
  <pre><code> {
      path: 'all',
      component: AllArticlesComponent
  },
  {
      path: ':articleId',
      component: SingleArticleComponent
  </code></pre>
  <p>But unfortunately the routes setup must stay as it is now.</p>