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

我收到以下错误：

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

1. 如果 'ion-slides' 是一个 Angular 组件并且它有 'slidesPerView' 输入，那么验证它是否是这个模块的一部分。
2. 如果 'ion-slides' 是一个 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以抑制此消息。("h6 class="slide-title" [innerHTML]="category.name"> ][slidesPerView]="3">

<img [src]="product"): MainPage@12:43 ; 区域： ; 任务： Promise.then ；价值： ....

任何人都可以帮忙吗？

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