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

我实际上是来这里了解如何做的...尝试了Andreas Grassmann解决方案，但没有用...尝试原始帖子并使用了！

* ngIf =“！vMyArray”

如何在Ionic 2中使用* ng-If验证空数组

2 个答案: