Я пытаюсь создать опцию Ionic-3 Tab, она работает нормально, но моя проблема в том, что я не хочу отображать 1-ю вкладку в меню вкладок, но я хочу отображать меню 1-й вкладки в деталях страницы при открытии страницы 1-й раз , Я пытаюсь скрыть эту 1-ю вкладку, но у меня она не работает, кто-нибудь знает, как это сделать? Я прикрепил несколько изображений по своей проблеме, чтобы помочь вам понять ее.

image

Tabs.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>

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() {

  }
}
3
core114 2 Янв 2018 в 08:22

2 ответа

Лучший ответ

Каждый 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; 
}
1
Duannx 3 Янв 2018 в 10:17

Сторона кода:

tab0Root = MainPage;
public isVisibleFirstTab : boolean = false;

Наценка:

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

Или [rootParams] может использоваться для условия *ngIf

0
Berk Akkerman 2 Янв 2018 в 06:13