Slide with ng-if or ng-show

[levipadre]

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]

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>