search

ksachdeva / angular-swiper

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

Slide with ng-if or ng-show #70

Open levipadre opened 7 years ago

levipadre commented 7 years ago

Hi,

How can I hide a slide? I don't want to show, if empty. I tried like this without success:

<ks-swiper-container loop="true" show-nav-buttons="false" direction="vertical" pagination-is-active="true" pagination-clickable="true">
    <ks-swiper-slide data-ng-if="value.length" class="swiper-slide">
        {{value}}
    </ks-swiper-slide>
    <ks-swiper-slide class="swiper-slide">
        slide2
    </ks-swiper-slide>
    <ks-swiper-slide class="swiper-slide">
        slide3
    </ks-swiper-slide>
    </ks-swiper-container>
jibaxx commented 7 years ago

Maybe you can use ng-for to create your slide with a scope variable : 

<ks-swiper-container loop="true" show-nav-buttons="false" direction="vertical" pagination-is-active="true" pagination-clickable="true">
      <ks-swiper-slide class="swiper-slide" ng-repeat="value in values track by $index" >
               {{value}}
      </ks-swiper-slide>
</ks-swiper-container>