Question

我正在尝试将Angular-ui-swiper与AngularJS一起使用。实施非常容易，请参见此处https://www.npmjs.com/package/angular-ui-swiper

但是我无法为此滑块设置更多选项，因为我在网络上找不到任何角度示例。你能支持我吗？

我可以通过html代码中设置的“实例”-属性来访问滑块的实例。但是我设法跳到一张特殊的幻灯片。但我也想最初例如每个视图包含3张幻灯片。我该如何实现？

谢谢

   <swiper  instance="instance">
                    <slides>
                        <slide  ng-repeat="subpage in sliderElements">
                            <img src="{{subpage.featuredImage}}" alt="" title=""/>
                        </slide>
                    </slides>
                    <prev></prev>
                    <next></next>
                    <pagination></pagination>
                </swiper>

以下是我需要的一些选项：

<script>
var swiper = new Swiper('.swiper-container', {
  slidesPerView: 4,
  spaceBetween: 30,
  centeredSlides: true,
  pagination: {
    el: '.swiper-pagination',
    clickable: true,
  },
});

https://github.com/nolimits4web/Swiper/blob/master/demos/130-centered.html

Answer 1

您应该以这种形式（添加-）编写每个属性： <swiper slides-per-view="4">类似于slidesPerView：4

angular-ui-swiper-如何设置选项？

1 个答案: