title: Angular 9 - Landing Page Routing [Trivial]
body: <p>I have a simple angular project, with two components (app and room). The app component acts as a landing page. It contains a fullscreen video with one button that should redirect to the room component. Since the website doesn't contain a header-menu, I'm not sure how to best implement routing. My first idea was, to hide the landing page with <strong>ngIf</strong> whenever im on the room component, but that can't be the best approach. I would be grateful for better suggestions.</p>
  
  <p><strong>app.module.ts</strong></p>
  
  <pre><code>import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  
  import { AppComponent } from './app.component';
  import { RoomComponent } from './room/room.component';
  import { RouterModule, Routes } from '@angular/router';
  
  const appRoutes: Routes = [
    { path: 'room', component: RoomComponent },
    { path: '', component: AppComponent},
    { path: '**', component: AppComponent}
  ];
  
  @NgModule({
    declarations: [
      AppComponent,
      RoomComponent
    ],
    imports: [
      BrowserModule,
      RouterModule.forRoot(
        appRoutes
      )
    ],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>