【发布时间】：2019-01-17 10:31:29
【问题描述】：
我正在尝试将 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
【问题讨论】：
-
我实际上自己解决了这个问题。在此站点上，您可以找到所有配置参数的完整概述。 github.com/nebulr/ui-swiper/blob/master/dist/… 如果您需要设置参数，则必须直接在 swiper-tag 中执行此操作。单词用“破折号”隔开。因此，对于“SlidesPerView”，您在 swiper-tag 中添加 html 属性“slides-per-view”