时间戳

首页 > 解决方案 > 无法在 Angular 模板中呈现内容

javascript - 无法在 Angular 模板中呈现内容

问题描述

我正在我的应用程序中实现 ngx-carousel。

当我对数据进行硬编码时，它工作正常。但是对于服务器数据，它不起作用。

下面是我的代码。

this.contentfulService.getContent('ourSpecialties')
  .then(ourSpecialties => {
    this.ourSpecialties = ourSpecialties;
    console.log(this.ourSpecialties);
  });

HTML

  <owl-carousel-o *ngIf="ourSpecialties" [options]="customOptions">
    <ng-template *ngFor="let ourSpecialtie of ourSpecialties" carouselSlide>
      <img src="{{ourSpecialtie.fields.image.fields.file.url}}">
      <h3>{{ourSpecialtie.fields.title}}</h3>
      <p>{{ourSpecialtie.fields.description}}</p>
    </ng-template>

  </owl-carousel-o>

我可以在控制台中看到数据ourSpecialties。

让我知道我在这里做错了什么？

标签： javascriptangulartypescriptcarouselowl-carousel

解决方案

您从服务器接收的数据结构可能不同。您收到的是数组还是 Iterable？

推荐阅读