Remove Header and Footer from any page where we don't need

Question

I have created Routes in Module.ts

const routes: Routes = [
{
path: "",
children: [
{ path: "", component: HomeComponent },
{ path: "contact", component: ContactComponent },
{ path: "support", component: SupportComponent },
{ path: "event", component: EventComponent },
{ path: "what-we-do", component: WhatWeDoComponent },
//{ path: "school-adds", component: SchoolAddsComponent },
],
component: HomeComponent}, // not found handler
{ path: "school-adds", component: SchoolAddsComponent },
{ path: "**", redirectTo: "/", pathMatch: "full" },
];

please tell me any best way to hide header and footer