ui-swiper icon indicating copy to clipboard operation
ui-swiper copied to clipboard

Documentation for angularjs use

Open fabiomercorillo opened this issue 7 years ago • 4 comments

Hi, where is the docs for angular js using configuration? Thanks

fabiomercorillo avatar Feb 14 '18 12:02 fabiomercorillo

Check these where the default values are set up: https://github.com/nebulr/ui-swiper/blob/master/dist/angular-ui-swiper.js#L22

You just have to put the name and the value in the swiper tag and replace capital letters with a - followed be the letter in lowercase.

For instance, if you want to enable the keyboard control (keyboardControl in the default options), then you use the following code:

<swiper keyboard-control="true">
    <slides>
        ...
    </slides>
</swiper>

Another example to switch the direction from horizontal to vertical:

<swiper direction="vertical">
    <slides>
        ...
    </slides>
</swiper>

NicolasGuilloux avatar Oct 21 '18 00:10 NicolasGuilloux

I need 3 Slides Per View, but the config param seems not work. Can anyone help me please

<swiper slidesPerView="3">
..
</swiper>

Auraya86 avatar Jan 17 '19 20:01 Auraya86

@Auraya86 It's slides-per-view="3" <swiper slides-per-view="3"> <slides> <slide>Slide1</slide> <slide>Slide2</slide> <slide>Slide3</slide> </slides> </swiper>

clintrobinson avatar Jan 28 '19 16:01 clintrobinson

How to get the swiper instance?

Mathijs003 avatar Oct 29 '19 11:10 Mathijs003