Блог

приложение.маршрутизация.модуль.ts

 {
    path: 'datascience', loadChildren: () => import('./datascience/datascience.module').
      then(m => m.DataScienceModule), canActivate: [AuthGuard], 
    data: {
      breadcrumb: {
        alias: 'Data Science'
      }
    }
  }
 

datascience.маршрутизация.модуль.ts

 const routes: Routes = [
  {
    path: '',
    redirectTo: 'sidebar',
  //  pathMatch: 'full'
  },
     {
        path: 'sidebar', component: DataScienceComponent, //pathMatch: 'full',
        children: [
          {
            path: "htmlcontentpage", component: DataScienceHtmlComponent//, outlet: 'dssidebar'
          },
          {
            path: 'launch', component: ProductLaunchComponent,// outlet: 'dssidebar', 
            data: {
              breadcrumb: {
                queryParam: 'product',
              }
            },
            //canActivate: [ProductAccessService]
          }
        ]
      }
    ]
 

data-science.component.html

 <div class="main-container">
    <div class="clearfix d-flex">
        <div class="col-lg-12 pull-left">
            <div class="row">
                <div class="sidebar-container data-science-sidebar p-10 sidebar">
                    <app-data-science-filter [isDefault]="isDefault">
                    </app-data-science-filter>
                </div>
                <div class="col-lg-10 container-fluid p-0">
                     <!-- router outlet in submodule -->
                     <router-outlet></router-outlet>
                </div>
            </div>
        </div>
    </div>
</div>
 

И я выполняю маршрутизацию в приложении-data-science-filter.ts (работает как сайдербар в подмодуле)

 this.router.navigate(['/htmlcontentpage'], {
        queryParams: { 
           // params here
        }//, relativeTo: this.activateRoute //.parent.parent //tried also 
      });
 

поэтому, когда я прокладываю маршрут из приложения > datascience(у него есть выход маршрутизатора и боковая панель) >> htmlcontenpage…
и когда я перенаправляю тот же URL-адрес, он также вызывает компонент боковой панели(не я не добавил routerreload stratgy, он игнорируется), и из-за этого мое состояние боковой панели теряется… но когда я обновляю страницу, она работает так, как ожидалось