import { Component , ElementRef , ViewChild } from '@angular/core' ; import { SuperTabs } from '@ionic-super-tabs/angular' ; import { SuperTabChangeEventDetail } from '@ionic-super-tabs/core' ; @ Component ( { selector : 'app-full-screen' , templateUrl : './full-screen.page.html' , styleUrls : [ './full-screen.page.scss' ] , } ) export class FullScreenPage { @ ViewChild ( 'superTabs' , { read : SuperTabs } ) st : SuperTabs ; activeTabIndex : number ; onTabChange ( ev ) { console . log ( 'Tab change fired' , ev ) ; this . activeTabIndex = ev . detail . index ; } selectTab ( index ) { this . st . selectTab ( index , true ) ; } }