为什么控制台中会出现此离子模板错误?

时间:2019-06-03 23:33:00

标签: javascript angular typescript ionic-framework ionic3

我有一个用ngfor填充的离子列表。列表填满没有问题,它锁定了一点,但是在控制台中,其中一个ngfor标记出现语法错误。

我的离子信息是: 离子(Ionic CLI):4.12.0 离子框架:离子角3.9.2 @ ionic / app-scripts:3.2.3

这是我的模板的代码:

<ion-content padding>
  Tap sobre el producto para añadirlo a favoritos.
  <ion-list>
    <ion-item-sliding *ngFor="let task of tasks; let i = index">
      <ion-item (click)="gofav(task.id)">
        <ion-avatar item-start>
          <img src="{{ task.foto }}">
        </ion-avatar>
        <h2 style="padding: 15px 15px;"> {{ task.nombre }}
          <ion-icon *ngIf="task.favs == 1" name="star"></ion-icon>
          <ion-icon *ngIf="task.favs == 0" name="star-outline"></ion-icon>
        </h2>
        <p>{{ task.presentacion | presentacion }}</p>
        <h1 item-end>{{ task.precio }}</h1>
      </ion-item>
      <ion-item-options>
        <button ion-button color="primary" icon-start (click)="deleteproduct(task.id)">
          <ion-icon name="trash"></ion-icon>
          Borrar
        </button>
        <button ion-button color="light" icon-start (click)="gotomodproduct(task.id)">
          <ion-icon name="keypad"></ion-icon>
          Modificar
        </button>
      </ion-item-options>
    </ion-item-sliding>
  </ion-list>
  <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="Cargando más productos..."></ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content> 

控制台中出现的错误是这样的:

console error

console error 2

这是“任务”对象中数据的示例。

{ 
  brand: 0,
  catg: "116",
  codigo: "7861006000202",
  favs: 1,
  foto: "file:///data/data/io.ionic.starter/files/taoEhpeVIJ.jpg",
  id: 24,
  iddb: 313,
  impor: 0,
  nombre: "Paños Multiusos Super Absorbentes",
  origfrm: 1,
  precio: "300,00",
  presentacion: "2 Unidades"
}

0 个答案:

没有答案