How to change the parent component?

Question

Angular

There is a module:

@NgModule({
  declarations: [ModuleLayoutComponent],
  imports: [
    CommonModule,
    RouterModule.forChild([{path: '', pathMatch: 'full', component: ModuleLayoutComponent, children: [
      {path: '/order', component: OrderComponent},
      {path: '/payment', component: PaymentComponent}
    ]}])
  ],

})

ModuleLayoutComponent

<header></header>
<div class="content">
    <router-outlet></router-outlet>
</div>
<footer></footer>

How to make sure that the ModuleLayoutComponent does not show the footer when the PaymentComponent is shown in the router-outlet, i.e. the current path is '/path'.