0

Olá! Criei as tabs no meu html do ionic e quero quando clicar abra a página destino, aparece as tabs certinho porém ao clicar só muda os icones para ativo e não seta a página, meu código esta assim no home.html

<ion-footer>
 <ion-toolbar>
   <ion-tabs>
      <ion-tab [root]="homeRoot" tabTitle="Chat" tabIcon="information-
        circle"></ion-tab>      
      <ion-tab [root]="listroot" tabTitle="Chat" tabIcon="information-
        circle"></ion-tab>  
   </ion-tabs> 
 </ion-toolbar>
</ion-footer>

código no home.ts

 export class HomePage {

 homeRoot = ChatPage
 listroot = ListPage

 constructor(public navCtrl: NavController) {} }
1
  • Faça um teste, coloque a atribuição da sua page como string. Ex: homeRoot = 'ChatPage'; Commented 10/01/2018 às 19:36

1 Resposta 1

1

Coloque o nome para a tab

<ion-tabs #myTabs>

@ViewChild('myTabs') tabRef: Tabs;

this.tabRef.select(1); //1 é o índice da tab

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .