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“＆gt; ] [slidesPerView] = “3” ＆GT;

任何人都可以帮忙。

离子-v 2.2.1

cordova -v 6.5.0

Answer 1

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

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

离子滑动slidePerView属性

1 个答案: