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

Question

我正在尝试使用AngularJS的angular-ui-swiper。实施非常简单，请看这里https://www.npmjs.com/package/angular-ui-swiper

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

我可以通过html代码中设置的“instance”-Attribute访问滑块的实例。但我只是设法跳到一个特殊的幻灯片。但我也希望每个视图最初有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

您应该以这种形式编写每个属性（add - ）：<swiper slides-per-view="4">这与slidesPerView相同：4