title: Angular 7 Routing and Navigation is not working in IE 11
body: <p>In my Angular application, i have implemented routing using RouterModule. I have three buttons on a page on click of that page gets navigated to another page. Everything is working fine on Chrome, Firefox, and Safari but it is not working in IE 11.</p>
  
  <p>app.module.ts</p>
  
  <pre><code>...
  const routes: Routes = [
    { path: 'world', component: WorldComponent },
    { path: 'india', component: IndiaComponent },
    { path:'state', component: StateComponent},
    { path: '**', component: IndiaComponent}
  ];
  
  @NgModule({
    imports: [RouterModule.forRoot(routes)],
    exports: [RouterModule]
  })
  ...
  </code></pre>
  
  <p>app.component.html</p>
  
  <pre><code>&lt;nav&gt;
      &lt;button mat-raised-button class="mat-button"&gt;
        &lt;a routerLink="/india" routerLinkActive="active"&gt;India's Dashboard&lt;/a&gt;
      &lt;/button&gt;
      &lt;button mat-raised-button class="mat-button"&gt;
        &lt;a routerLink="/state" routerLinkActive="active"&gt;Indian-State's Dashboard&lt;/a&gt;
      &lt;/button&gt;
      &lt;button mat-button class="mat-button"&gt;
        &lt;a routerLink="/world" routerLinkActive="active"&gt;World's Dashboard&lt;/a&gt;
      &lt;/button&gt;
    &lt;/nav&gt;
  </code></pre>