title: Angular routing - component not showing up
body: <p>I have been trying to route from my homepage to load other components HTML, it doesn't work. The homepage keeps showing up while the address changes to the one I set -</p>
  
  <p>app.module.ts is the following:</p>
  
  <pre><code>@NgModule({
    declarations: [
      AppComponent,
      RegisterComponent,
      TabsComponent,
      AboutComponent,
      LessonsComponent
    ],
    imports: [
      RouterModule.forRoot([
  
        { path: 'tabs', component: TabsComponent},
        { path: 'register', component: RegisterComponent},
        { path: 'lessons',component: LessonsComponent},
        { path: 'about', component: AboutComponent},
        { path: 'app',component: AppComponent},
      ]),
  </code></pre>
  
  <p>these are my links in my app.component.html:</p>
  
  <pre><code>&lt;div&gt;
      &lt;ul class="navbar"&gt;
            &lt;li&gt;&lt;a routerLink="/register" routerLinkActive="active"&gt;Register&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a routerLink="/tabs" routerLinkActive="active"&gt;Tabs&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a routerLink="/app" routerLinkActive="active"&gt;Home&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a routerLink="/lessons" routerLinkActive="active"&gt;Lessons&lt;/a&gt;&lt;/li&gt;
            &lt;li style="float:right"&gt;&lt;a routerLink="/about" routerLinkActive="active"&gt;About&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>For example, if I press the register link I will get to "<a href="http://localhost:4200/register" rel="nofollow noreferrer">http://localhost:4200/register</a>",
  but It <strong>stays</strong> on the app.component.html</p>