3

我正在尝试创建Ionic-3 Tab选项,它工作正常,但我的问题是我不想在选项卡菜单中显示第一个选项卡,但我想在第一次打开页面时在页面详细信息中显示第一个选项卡菜单,我正在尝试隐藏第一个标签,但它对我不起作用,有人知道该怎么做吗?我在我的问题上附上了一些图片以帮助您理解它。

图片

选项卡.html

<ion-tabs>
  <ion-tab [root]="tab0Root"></ion-tab>
  <ion-tab [root]="tab1Root" tabTitle="Check-In" tabIcon="people"></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="Observations" tabIcon="information-circle"></ion-tab>
  <ion-tab [root]="tab3Root" tabTitle="Activities" tabIcon="book"></ion-tab>
  <ion-tab [root]="tab4Root" tabTitle="Health" tabIcon="medkit"></ion-tab>
</ion-tabs>

选项卡.ts

import { Component } from '@angular/core';

import { AboutPage } from '../about/about';
import { ContactPage } from '../contact/contact';
import { HomePage } from '../home/home';
import {HealthPage} from '../health/health';
import {MainPage} from '../main/main';


@Component({
  templateUrl: 'tabs.html'
})
export class TabsPage {
  tab0Root = MainPage;
  tab1Root = HomePage;
  tab2Root = AboutPage;
  tab3Root = ContactPage;
  tab4Root = HealthPage;
  constructor() {

  }
}
4

2 回答 2

1

每个Tab人都有自己的show财产。因此,false如果您想隐藏它,只需将其更改为。
tabs.ts

import { Component, ViewChild } from '@angular/core';
import { Tabs } from 'ionic-angular';
@ViewChild(Tabs) tabs: Tabs;
ionViewDidEnter(){ 
    this.tabs.getByIndex(0).show = false; 
}
于 2018-01-03T10:17:36.953 回答
0

代码方面:

tab0Root = MainPage;
public isVisibleFirstTab : boolean = false;

加价:

<ion-tab *ngIf="isVisibleFirstTab" [root]="tab0Root"></ion-tab>

[rootParams]可用于*ngIf条件

于 2018-01-02T06:13:24.970 回答