search

nebulr / ui-swiper

Most modern mobile touch slider for angular js
MIT License
26 stars 25 forks source link

Documentation for angularjs use #28

Open fabiomercorillo opened 6 years ago

fabiomercorillo commented 6 years ago

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

NicolasGuilloux commented 5 years ago

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>
Auraya86 commented 5 years ago

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

<swiper slidesPerView="3">
..
</swiper>
clintrobinson commented 5 years ago

@Auraya86 It's slides-per-view="3" `

Slide1 Slide2 Slide3

`

Mathijs003 commented 4 years ago

How to get the swiper instance?