title: Tabs data is not loading dynamic Data in ionic 4
body: <p>Hi I am very new to Ionic, I am implementing the Ionic App using Tabs. In my app has three tabs, each contains each component and bring dynamic data (Rest API call).</p>
  
  <p>But only first time it has getting data next time clicking on tab data is not updating (Rest API call is not calling) because I wrote into <code>ngOninIt()</code> Method.</p>
  
  <p>below is my code:</p>
  
  <p><strong>tabs.html code :</strong></p>
  
  <pre><code>&lt;ion-tabs&gt;
    &lt;ion-tab label="Home" icon="home" href="/tabs/(home:home)"&gt;
      &lt;ion-router-outlet name="home"&gt;&lt;/ion-router-outlet&gt;
    &lt;/ion-tab&gt;
    &lt;ion-tab label="About" icon="information-circle" href="/tabs/(about:about)"&gt;
      &lt;ion-router-outlet name="about"&gt;&lt;/ion-router-outlet&gt;
    &lt;/ion-tab&gt;
    &lt;ion-tab label="Contact" icon="contacts" href="/tabs/(contact:contact)"&gt;
      &lt;ion-router-outlet name="contact"&gt;&lt;/ion-router-outlet&gt;
    &lt;/ion-tab&gt;
  &lt;/ion-tabs&gt;
  </code></pre>
  
  <p><strong>tabs.routing.ts</strong></p>
  
  <pre><code>    const routes: Routes = [
        {
          path: 'tabs',
          component: TabsPageComponent,
          children: [
            {
              path: 'mustang',
              outlet: 'tab1',
              loadChildren: './mustang/mustang.module#MustangModule'
            },
            {
              path: 'camaro',
              outlet: 'tab2',
              loadChildren: './camaro/camaro.module#CamaroModule'
            },
            {
              path: 'charger',
              outlet: 'tab3',
              loadChildren: './charger/charger.module#ChargerModule'
            }
          ]
        },
        {
          path: '',
          redirectTo: '/lazy-load-tabs/tabs/(tab1:mustang)'
        }
      ]
  
  ;
  </code></pre>
  
  <p><strong>home.module.ts</strong></p>
  
  <pre><code>import { IonicModule } from '@ionic/angular';
  import { RouterModule } from '@angular/router';
  import { NgModule } from '@angular/core';
  import { CommonModule } from '@angular/common';
  import { FormsModule } from '@angular/forms';
  import { HomePage } from './home.page';
  
  @NgModule({
    imports: [
      IonicModule,
      CommonModule,
      FormsModule,
      RouterModule.forChild([{ path: '', component: HomePage }])
    ],
    declarations: [HomePage]
  })
  export class HomePageModule {}
  </code></pre>
  
  <p><strong>home.page.ts</strong></p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  
  @Component({
    selector: 'app-home',
    templateUrl: 'home.page.html',
    styleUrls: ['home.page.scss']
  })
  export class HomePage implements OnInit {
  
    constructor() { }
  
    ngOnInit() {
      alert("app home tabs is clickced...");
    }
  }
  </code></pre>
  
  <p>But above alert method calling only once, where can I write the code it should call every time click on tab.</p>
  
  <p>Thanks in advance !!!!!</p>