如何将Navbar隐藏在离子2中

Question

我试图隐藏在离子2中。我尝试了<ion-navbar [hidden]="true">，但它不起作用。

任何人都可以告诉我如何有条件地隐藏navbar在ionic2中？

Answer 1

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

<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();
  }
}