search

ksachdeva / angular-swiper

Angular directive for nolimits4web/Swiper
Apache License 2.0
197 stars 94 forks source link

Breakpoints Issue #61

Closed yahyafakhroji closed 7 years ago

yahyafakhroji commented 7 years ago

I want to add breakpoints in angular-swiper, and I use the example of the API and some previous issue. but the code not work Correctly if i use override-parameters with breakpoints, different if i use effect cube it's work correctly. can you give me the demo about how to use breakpoints ? thanks 👍 

<div class="myslides"  ng-controller="TestCtrl">
            <button ng-click="back()" ng-disabled='disabled(0)'>Back</button>
            <ks-swiper-container swiper="swiper" slides-per-view="5"
            override-parameters="{ 'breakpoints': { '320': { 'slidesPerView': '1' }, '640': { 'slidesPerView': '2' }, '768': { 'slidesPerView': '2' }, '1024': { 'slidesPerView': '3' } }}">
                <ks-swiper-slide ng-repeat="s in [1,2,3,4,5,6,7,8,9,10,11,12,13,14]">
                    <img ng-src="http://api.randomuser.me/portraits/thumb/women/{{s}}.jpg">
                </ks-swiper-slide>
            </ks-swiper-container>
            <button ng-click="next()" ng-disabled=disabled(1)>Next</button>
        </div>
yahyafakhroji commented 7 years ago

Okay it's already fixed for me now, i just need to update the swiper.js to latest version (3.4.1)