离子幻灯片 slidesPerView 属性

Question

我正在使用以下离子幻灯片：

<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>

我收到以下错误：

未处理的 Promise 拒绝：模板解析错误： 无法绑定到“slidesPerView”，因为它不是“ion-slides”的已知属性。

1. 如果“ion-slides”是一个 Angular 组件并且它具有“slidesPerView”输入，则验证它是该模块的一部分。
2. 如果“ion-slides”是一个 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以禁止显示此消息。 ("h6 class="幻灯片标题" [innerHTML]="category.name"> ][slidesPerView]="3">

有人可以帮忙吗。

离子 -v 2.2.1

科尔多瓦 -v 6.5.0

Answer 1

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

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