How to fix the router-outlet in angular

home-routing.module.ts

const routes: Routes = [
  Shell.childRoutes([
    { path: '', redirectTo: '/home', pathMatch: 'full' },
    { path: 'home', component: HomeComponent, data: { title: extract('Home') } },
    {
      path: 'history',
      component: HistoryComponent, data: { title: extract('History Logs') }
    }
  ])
];

home.module.ts

@NgModule({
  imports: [
    NgxsModule.forFeature([TemperatureState]),
    CommonModule,
    TranslateModule,
    CoreModule,
    SharedModule,
    HomeRoutingModule
  ],
  declarations: [
    HomeComponent,
    HistoryComponent
  ],
  providers: [
  ]
})
export class HomeModule { }

home.component.html

<h1>Home</h1>
    <a routerLink="/history">History</a>
    <div>
      <router-outlet></router-outlet>
    </div>

What I’m trying to do here is to display the history when click the link below the Home.
It work but the Home text will be remove.

Source: Angular Questions