title: Angular routerLink in Navbar is not working
body: <p>I am following a tutorial and building my first Angular app (yay!).  I have followed all the steps but cannot seem to find my issue.  I am adjusting all of the <em>href</em> links in the navbar to be <em>routerLink</em> links.  I just tried to change the "Background" link and it isnt working.  I literally have tried even copy and pasting straight from the the Angular CLI website, but it still isn't working.  Any help would be greatly appreciated.</p>
  
  <p>Here is my <em>app-routing.module.ts</em> file:</p>
  
  <pre><code>import { NgModule } from '@angular/core';
  import { Routes, RouterModule } from '@angular/router';
  import { AboutComponent } from './about/about.component';
  import { AccomplishmentsComponent } from './accomplishments/accomplishments.component';
  import { AdditionalInformationComponent } from './additional-information/additional-information.component';
  import { BackgroundComponent } from './background/background.component';
  import { IntroComponent } from './intro/intro.component';
  import { SkillsComponent } from './skills/skills.component';
  
  
  const routes: Routes = [
    { path: '', component: IntroComponent },
    { path: 'about', component: AboutComponent },
    { path: 'accomplishments', component: AccomplishmentsComponent },
    { path: 'additional-information', component: AdditionalInformationComponent },
    { path: 'background', component: BackgroundComponent },
    { path: 'intro', component: IntroComponent },
    { path: 'skills', component: SkillsComponent },
  ];
  
  @NgModule({
    imports: [RouterModule.forRoot(routes)],
    exports: [RouterModule]
  })
  export class AppRoutingModule { }
  
  </code></pre>
  
  <p>And here is my index.html file:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;Garbage Coder | Software Engineer&lt;/title&gt;
    &lt;base href="/"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;link rel="icon" type="image/x-icon" href="favicon.ico"&gt;
    &lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"&gt;
    &lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;nav class="navbar navbar-expand-lg navbar-light bg-light"&gt;
          &lt;a class="navbar-brand" href="#"&gt;Garbage Coder&lt;/a&gt;
          &lt;button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"&gt;
            &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
          &lt;/button&gt;
          &lt;div class="collapse navbar-collapse" id="navbarNavAltMarkup"&gt;
            &lt;div class="navbar-nav"&gt;
              &lt;a class="nav-item nav-link active" href="#"&gt;Home &lt;span class="sr-only"&gt;(current)&lt;/span&gt;&lt;/a&gt;
              &lt;a class="nav-item nav-link" href="#"&gt;About&lt;/a&gt;
  
                                                                &lt;!--Issue is here--&gt;
              &lt;a class="nav-item nav-link" [title]="Background" [routerLink]="['/background']"&gt;Background&lt;/a&gt;
  
  
              &lt;a class="nav-item nav-link" [title]="Skills" href="#"&gt;Skills&lt;/a&gt;
              &lt;a class="nav-item nav-link" href="#"&gt;Accomplishments&lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/nav&gt;
    &lt;app-root&gt;&lt;/app-root&gt;
    &lt;router-outlet&gt;&lt;/router-outlet&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>