angular-ui-swiper - Как установить параметры?

Я пытаюсь использовать angular-ui-swiper с AngularJS. Внедрение было очень простым, см. Здесь https://www.npmjs.com/package/angular-ui-swiper

Но я не могу установить дополнительные параметры для этого слайдера, потому что я не нашел в Интернете примеров angular. Не могли бы вы поддержать меня?

Я могу получить доступ к экземпляру слайдера с помощью атрибута instance, установленного в 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


angularjs swiper
person Nadine Fisch    schedule 17.01.2019    source источник
comment
Я действительно решил эту проблему самостоятельно. На этом сайте вы можете найти полный обзор всех параметров конфигурации. github.com/nebulr/ui- swiper / blob / master / dist / Если вам нужно установить параметр, вы должны сделать это прямо в теге swiper. Слова разделяются тире. Итак, для SlidesPerView вы добавляете html-атрибут slides-per-view в swiper-tag   -  person Nadine Fisch    schedule 17.01.2019

Ответы (1)


arrow_upward
1
arrow_downward

Вы должны записать каждое свойство в этой форме (добавить -): <swiper slides-per-view="4"> это то же самое, что и slidesPerView: 4

person Zisis    schedule 15.03.2019