Как использовать *ng-If для проверки пустого массива в Ionic 2

Question

У меня есть ng-if, у меня есть ng-for, который показывает мне все продукты, которые у меня есть, и я хочу сделать в моем ng, если проверка, которая показывает только, когда массив пуст или не существует, это для отображения сообщение о том, что товары не найдены на странице, спасибо!;)

Я пытаюсь с "! ProductsCar", но это не работает.

Код:

<ion-list *ngFor="let productsCar of productsCar">
    <ion-item-sliding>
  <ion-item class="item-prod">
    <ion-thumbnail item-start>
         <img  src="https://speedomart.000webhostapp.com/SPEEDOMART/{{productsCar.imagen}}">
    </ion-thumbnail>
    <div class="info-prod">
    <h2><b>{{productsCar.nombre}}</b></h2>
    <p>Codigo de barra : {{productsCar.codigo}}</p>
    <ion-icon name="md-pricetag"></ion-icon><b> $ {{productsCar.precio}}</b>
    </div>
 </ion-item>

      <ion-item-options side="right">
                         <button ion-button color="danger" (click)="borrarCar(productsCar)">
                               Borrar
                         </button>
      </ion-item-options>

    </ion-item-sliding>
    <div *ngIf="!productsCar">No tiene productos en su carro...</div>
</ion-list>

Answer 1

Если вы инициализируете productsCar с пустым массивом вы можете проверить его длину:

TS:

productsCar: any = [];

HTML:

<div *ngIf="productsCar.length == 0">No tiene productos en su carro...</div>

Answer 2

На самом деле я пришел сюда, чтобы узнать, как это сделать... Попробовал решение Андреаса Грассманна и ничего не получилось... попробуй оригинальный пост и все заработало!

* NgIf="! VMyArray"