代码之家  ›  专栏  ›  技术社区  ›  Nadine Fisch

角度用户界面刷卡-如何设置选项?

  •  0
  • Nadine Fisch  · 技术社区  · 6 年前

    我正在尝试使用AngularJS的角度用户界面Swiper。实施起来很容易,请看这里 https://www.npmjs.com/package/angular-ui-swiper

    但我无法为这个滑块设置更多选项,因为我在Web上找不到角度示例。你能支持我吗?

    我可以通过HTML代码中设置的“instance”属性访问滑块的实例。但我刚刚跳到一个特殊的滑梯上。但我也希望最初每个视图有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

    0 回复  |  直到 6 年前
        1
  •  1
  •   Martijn Pieters    5 年前

    您应该以以下形式编写每个属性(add-): <swiper slides-per-view="4"> 这与slidesperview:4相同