i'm splitting my app into several feature modules ,i'm using only the router-outlet inside a component inside a feature module ..
when i do that it brings all the static components like (navbar-footer) .
how can i prevent this ? 

app.component.html

```

<app-navbar></app-navbar>

<main>

  <router-outlet></router-outlet>

</main>

<app-footer></app-footer>

```

patient-list.component.html (inside a feature module)

```
<router-outlet></router-outlet>

```

app-routing.module.ts

```
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { HomeComponent } from './components/home/home.component';
import { ContactComponent } from './components/contact/contact.component';
import { DepartmentComponent } from './components/department/department.component';
import { AboutComponent } from './components/about/about.component';
import { LoginComponent } from './components/login/login.component';
import { ErrorComponent } from './components/error/error.component';

const routes: Routes = [
  { path: '', component: HomeComponent , pathMatch: 'full' },
  { path: 'home', component: HomeComponent, pathMatch: 'full' },
  { path: 'contact', component: ContactComponent , pathMatch: 'full' },
  { path: 'department', component: DepartmentComponent, pathMatch: 'full' },
  { path: 'about', component: AboutComponent, pathMatch: 'full' },
  { path: 'login', component: LoginComponent, pathMatch: 'full' },
  {
    path: "patientDashboard",
    loadChildren: () =>
      import("./features/patient/patient.module").then(m => m.PatientModule)
  },
  { path: '**', component: ErrorComponent },
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

```

patient-routing.module.ts

```
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { PatientListComponent } from './patient-list/patient-list.component';

const routes: Routes = [
  {
    path: "",
    component: PatientListComponent, pathMatch: 'full',
  }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class PatientRoutingModule {

```