title: Lazy loading in submodule need refresh page to work in angular 8
body: <p>app.routing.module.ts</p>
  <pre><code>{
      path: 'datascience', loadChildren: () =&gt; import('./datascience/datascience.module').
        then(m =&gt; m.DataScienceModule), canActivate: [AuthGuard], 
      data: {
        breadcrumb: {
          alias: 'Data Science'
        }
      }
    }
  </code></pre>
  <p>datascience.routing.module.ts</p>
  <pre><code>const routes: Routes = [
    {
      path: '',
      redirectTo: 'sidebar',
    //  pathMatch: 'full'
    },
       {
          path: 'sidebar', component: DataScienceComponent, //pathMatch: 'full',
          children: [
            {
              path: &quot;htmlcontentpage&quot;, component: DataScienceHtmlComponent//, outlet: 'dssidebar'
            },
            {
              path: 'launch', component: ProductLaunchComponent,// outlet: 'dssidebar', 
              data: {
                breadcrumb: {
                  queryParam: 'product',
                }
              },
              //canActivate: [ProductAccessService]
            }
          ]
        }
      ]
  </code></pre>
  <p>data-science.component.html</p>
  <pre><code>&lt;div class=&quot;main-container&quot;&gt;
      &lt;div class=&quot;clearfix d-flex&quot;&gt;
          &lt;div class=&quot;col-lg-12 pull-left&quot;&gt;
              &lt;div class=&quot;row&quot;&gt;
                  &lt;div class=&quot;sidebar-container data-science-sidebar p-10 sidebar&quot;&gt;
                      &lt;app-data-science-filter [isDefault]=&quot;isDefault&quot;&gt;
                      &lt;/app-data-science-filter&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;col-lg-10 container-fluid p-0&quot;&gt;
                       &lt;!-- router outlet in submodule --&gt;
                       &lt;router-outlet&gt;&lt;/router-outlet&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>And I'm doing routing in app-data-science-filter.ts (works as siderbar in submodule)</p>
  <pre><code>this.router.navigate(['/htmlcontentpage'], {
          queryParams: { 
             // params here
          }//, relativeTo: this.activateRoute //.parent.parent //tried also 
        });
  </code></pre>
  <p>so when I route from app &gt; datascience(it's has router outlet and sidebar) &gt; htmlcontenpage...
  and when I route same url it also called sidebar component(Not I have not added routerreload stratgy it's ignored) and my sidebar state is lost due it... but when i refresh page then it work as expected</p>