title: How to use a component in place of ionic 4 <ion-tab>
body: <p>I currently have some tabs that just show some text right now (standard/hepatic content)</p>
  
  <pre><code>&lt;ion-content padding class="white-bg"&gt;
  
    &lt;ion-tabs #dosingTabs&gt;
  
      &lt;ion-tab tab="standard"&gt;standard content&lt;/ion-tab&gt;
      &lt;ion-tab tab="hepatic"&gt;hepatic Content&lt;/ion-tab&gt;
  
      &lt;ion-tab-bar slot="top" [selectedTab]="dosingType"&gt;
        &lt;ion-tab-button tab="standard"&gt;
          &lt;ion-label&gt;Standard&lt;/ion-label&gt;
        &lt;/ion-tab-button&gt;
        &lt;ion-tab-button tab="hepatic"&gt;
          &lt;ion-label&gt;Hepatic&lt;br&gt;Impairment&lt;/ion-label&gt;
        &lt;/ion-tab-button&gt;
      &lt;/ion-tab-bar&gt;
  
    &lt;/ion-tabs&gt;
  
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>The contents of these tabs will end up having a lot of markup in them so I created a new component and tried:</p>
  
  <pre><code>&lt;ion-tab tab="standard" component="StandardComponent"&gt;&lt;/ion-tab&gt;
  </code></pre>
  
  <p>When I go to my view that has the tabs, I get an error:</p>
  
  <p><strong>No component factory found for StandardComponent. Did you add it to @NgModule.entryComponents?</strong></p>
  
  <p>So I adjusted my module to include <code>StandardComponent</code> in <code>entryComponents</code> array, but the error still exists</p>
  
  <pre><code>import { NgModule } from '@angular/core';
  import { CommonModule } from '@angular/common';
  import { FormsModule } from '@angular/forms';
  import { Routes, RouterModule } from '@angular/router';
  
  import { IonicModule } from '@ionic/angular';
  
  import { CalculatorPage } from './calculator.page';
  import { StandardComponent } from '../standard/standard.component';
  
  const routes: Routes = [
    {
      path: '',
      component: CalculatorPage
    }
  ];
  
  @NgModule({
    imports: [
      CommonModule,
      FormsModule,
      IonicModule,
      RouterModule.forChild(routes)
    ],
    entryComponents: [
      StandardComponent
    ]
  })
  export class CalculatorPageModule {}
  </code></pre>
  
  <p>any ideas?</p>