全屏背景图片并切换标题的可见性

Question

我尝试在我的离子项目中加载全屏背景图像并切换标题（显示/隐藏）。不幸的是，看起来全屏= true无效。

模板：

<ion-header (click)="toggleHeaderClass()" [ngClass]="isTransparent ? 'transparent' : ''">
  <ion-toolbar>
      <ion-buttons slot="start">
          <ion-back-button defaultHref="home"></ion-back-button>
      </ion-buttons>
    <ion-title>Title</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content 
  fullscreen="true"
  class="contentContainer"
  [ngStyle]="{'background-image': 'url(' + background + ')'}"
  [routerLink]="['/show', id, filterId, custom"
  routerDirection="root">
...

---

仍然不是完美的解决方案，但对我有用！ （离子含量内的工具栏）：

<ion-content 
  [ngStyle]="{'background-image': 'url(' + imgSrc + ')'}">

      <ion-toolbar
        [ngClass]="{ 'visable' : hovering }"
        (click)="hovering=true">
          <ion-buttons slot="start" *ngIf="hovering" (click)="doSomething()">
            <ion-icon class="homeIcon" size="large" name="home"></ion-icon>
          </ion-buttons>
      </ion-toolbar>
      ...

Answer 1

尝试将内容填充全部设置为零。在[the Ionic Documentation][1]中了解更多信息。