Скрыть div при добавлении элементов - ионные рамки

Question

Я пытаюсь скрыть определенный div (пустое состояние), когда я добавляю какой-то элемент из кнопки добавления, какие-нибудь идеи, как я могу сделать это легко?С наилучшими пожеланиями, Уилл.

page.html

<ion-content>
      <!-- DIV ABOVE -->
  <div class="center-div">
    <img src="assets/imgs/noItem.svg" />
    <div class="center">
      <h1>Empty List</h1>
    </div>
  </div>

  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content pullingIcon="arrow-dropdown" pullingText="Pull to refresh" refreshingSpinner="circles" refreshingText="Refreshing...">
    </ion-refresher-content>
  </ion-refresher>

  <ion-list>
    <button *ngFor="let item of items" ion-item (click)="goToItemDetail(crop)">
      ...
  </ion-list>

  <ion-fab right bottom>
    <button ion-fab class="button-fab" (click)="addItem()">
      <ion-icon name="add"></ion-icon>
    </button>
  </ion-fab>
</ion-content>

Answer 1

Да, вы можете скрыть div с помощью * ngIf = "condition"

<div class="center" *ngIf="items">
  <h1>Empty List</h1>
</div>

или вы также можете проверить логическую переменную на кнопке, как

// isVisible: boolean
addItem() {
  this.isVisible = false;
}

<div class="center" *ngIf="!isVisible">
      <h1>Empty List</h1>
 </div>