I'm currently working on a personal project in Angular and I have a requirement to display a specific page for a brief period of time when the site is loaded, before redirecting to the home component. Is there a way to achieve this or create a loading screen that appears while the rest of the site loads in the background?
app.routing ***
const routes: Routes = [
{path: "", redirectTo:"home", pathMatch:"full"},
{path: "home", component: HomeComponent},
{path: ":id", component: OverviewComponent},
{path: ":id/:id", component: OverviewComponent},
{path: ":id/:id/:id", component: OverviewComponent},
{path: ":id/:id/:id/:id", component: OverviewComponent},
{path: ":id/:id/:id/:id/:id", component: OverviewComponent},
{path: "**", redirectTo:"home"}
];