Компоненты используют основной макет, только если они маршрутизируются в app-routing.module.ts

Question

Если я направлю свой компонент с другим-routing.module.ts, то он не использует mainlayout.

MainComponent для меня как app.component.ts, пришла идея по ссылке ниже. как я хотел обойти MainLayout для страницы входа. Как использовать отдельный макет для компонента входа в систему angular 2?

App-routing.module.ts
const routes: Routes = [
  {path: "", component: MainComponent,
    children: [
      { path: "", component: DashboardComponent },
      { path: "help", component: HelpComponent }
    ]
  }
];

another-routing.module.ts
const routes: Routes = [
  {path: 'users' , children : [
    {path: 'add', component: UsersComponent},    
    ]}
];

Answer 1

Компонент Layout должен иметь тег router-outlet, а ваш модуль должен быть загружен внутри компонента Layout.

const routes: Routes = [{
  path: '',
  component: LayoutComponent,
  children: [
    {
      path: 'companies',
      loadChildren: () =>
        import('./pages/companies/companies.module').then(m => m.CompaniesModule)
    },
    {
      path: '**',
      redirectTo: 'companies'
    }
  ]
}];

Таким образом, все дочерние элементы компонента Layout будут наследовать компонент Layout.