如何在Ionic2中隐藏导航栏

时间:2017-04-15 09:48:25

标签: angular typescript ionic2 ionic3

我试图隐藏在Ionic 2.我试过<ion-navbar [hidden]="true">但是它没有用。

有人可以告诉我如何在ionic2中有条件地隐藏导航栏吗?

1 个答案:

答案 0 :(得分:3)

您可以使用组件中的属性隐藏/显示它

<ion-navbar *ngIf="showNavbar">

在您的组件代码中:

import { Component, ViewChild } from '@angular/core';
import { Content } from 'ionic-angular';

@Component({
    selector: 'page-home',
    templateUrl: 'home.html'
})
export class HomePage {

  @ViewChild(Content) content: Content;
  public showNavbar: boolean;

  // ...

  public hideNavbar(): void {
    this.showNavbar = false;

    // You should resize the content to use the space left by the navbar
    this.content.resize();
  }
}