离子幻灯片幻灯片PerView属性



我正在使用离子幻灯片如下:

<div *ngFor="let category of categories">
    <h6 class="slide-title" [innerHTML]="category.name"></h6>
    <ion-slides [loop]="true" [pager]="true" [slidesPerView]="3">
        <ion-slide *ngFor="let product of category.products">
            <img [src]="product.image" class="slide-image">
        </ion-slide>
    </ion-slides>
</div>

我收到以下错误:

未处理的承诺拒绝:模板解析错误:无法绑定到"slidesPerView",因为它不是"离子幻灯片"的已知属性。

  1. 如果"离子幻灯片"是 Angular 组件,并且具有"slidesPerView"输入,请验证它是否是此模块的一部分。
  2. 如果"离子幻灯片"是Web组件,则将"CUSTOM_ELEMENTS_SCHEMA"添加到该组件的"@NgModule.schemas"以禁止显示此消息。("h6 class="slide-title" [innerHTML]="category.name">][幻灯片PerView]="3">

任何人都可以帮忙。

离子 -V2.2.1

科尔多瓦-V6.5.0

最近离子

载玻片发生了一些变化。确保您拥有最新的 ionic 版本 (2.0.0)。您也可以使用幻灯片PerView,而无需将其括在方括号中,如下所示

<ion-slides pager loop slidesPerView="3">
  <ion-slide>
     ...
  </ion-slide>
<ion-slides>

最新更新