Ionic3 Tabs не работает с отложенной загрузкой - PullRequest
Новая
       18

Ionic3 Tabs не работает с отложенной загрузкой

0 голосов
/ 17 апреля 2019

после прочтения официальной документации здесь и после того, как я провел много раз, мой код не загружает вкладки с ионными вкладками и отложенной загрузкой.

Вот мой файл .ts 

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';

@IonicPage()
@Component({
  selector: 'page-name',
  templateUrl: 'name.html',
})
export class NamePage {

  tab1: "Tab1Page";
  tab2: "Tab2Page";
  tab3: "Tab3Page";

  constructor(public navCtrl: NavController, public navParams: NavParams) { }

  ionViewDidLoad() { }

}

А вот и мой .html файл 

<ion-content>

     <ion-tabs>
        <ion-tab [root]="tab1" tabIcon="reorder"></ion-tab>
        <ion-tab [root]="tab2" tabIcon="pin"></ion-tab>
        <ion-tab [root]="tab3" tabIcon="search"></ion-tab>
      </ion-tabs>

  </ion-content>

Вот и мой app.component.ts: 

  rootPage:any = 'NamePage';

После кода компиляциистраница - это белая страница со скрытыми компонентами.Для просмотра вкладок я поставил этот код: 

.tabbar {
    opacity: 1;
}

, но кнопки по-прежнему не работают;после нажатия на одну кнопку ничего не меняется (белый экран остается).

Я ставлю также консольный журнал 

ionViewDidLoad() {
    console.log('ionViewDidLoad NamePage');
}

Единственное, что присутствует в консоли, это одно.

Может кто-нибудь дать мне предложение?

1 Ответ

0 голосов
/ 17 апреля 2019

Попробуйте это: 

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { HomePage } from ....
@IonicPage()
@Component({
  selector: 'page-name',
  templateUrl: 'name.html',
})
export class NamePage {

 tab1: any;
 tab2: any;
 tab3: any;

constructor(public navCtrl: NavController, public navParams: NavParams) {
  this.tab1 = HomePage
......(other pages)
}

ionViewDidLoad() { }

}
...