title: Angular Ionic app RouterLink not working despite RouterLink imports
body: <p>I have an app that was setup using the ionic angular tabs template.  For whatever reason I cannot use RouterLink to navigate.  When I click the element that I've provided the RouterLink property to nothing happens.  I've search for hours and seen the same suggestions as what is here: <a href="https://stackoverflow.com/questions/41044772/routerlink-not-working-in-child-components">RouterLink not working in child components</a></p>
  
  <p>I've actually added RouterLink in the imports on all my pages but still no luck.  Using the angular ionic tab template I am going from a tab page to a nested details page.  The tab page uses RouterLink successfully to navigate to my detail page.  But in my detail page I cannot setup a link or a button to use RouterLink to navigate to another route. When I click the button nothing happens.  What am I missing?</p>
  
  <p>DetailPage - html</p>
  
  <pre><code>&lt;ion-card&gt;
    &lt;ion-card-header&gt;
      &lt;ion-card-title&gt;Bla&lt;/ion-card-title&gt;
    &lt;/ion-card-header&gt;
    &lt;ion-card-content&gt;
      &lt;a [routerLink]="['/bla/1']"&gt;
        More...
      &lt;/a&gt;
    &lt;/ion-card-content&gt;
  &lt;/ion-card&gt;
  </code></pre>
  
  <p>detail-routing-module.ts</p>
  
  <pre><code>import { NgModule } from '@angular/core';
  import { Routes, RouterModule } from '@angular/router';
  
  import { DetailPage } from './detail.page';
  
  const routes: Routes = [
    {
      path: '',
      component: DetailPage
    }
  ];
  
  @NgModule({
    imports: [RouterModule.forChild(routes),
      RouterModule 
    ],
    exports: [RouterModule],
  })
  export class DetailPageRoutingModule {}
  </code></pre>
  
  <p>detail.module.ts</p>
  
  <pre><code>import { NgModule } from '@angular/core';
  import { CommonModule } from '@angular/common';
  import { FormsModule } from '@angular/forms';
  
  import { IonicModule } from '@ionic/angular';
  
  import { DetailPageRoutingModule } from './detail-routing.module';
  
  import { DetailPage } from './detail.page';
  import { RouterModule } from '@angular/router';
  
  @NgModule({
    imports: [
      CommonModule,
      FormsModule,
      IonicModule,
      DetailPageRoutingModule,
      RouterModule 
    ],
    declarations: [DetailPage]
  })
  export class DetailPageModule {}
  </code></pre>