在iDangerous swiper幻灯片上使用ng-repeat

Question

在我看来，在swiper幻灯片上使用ng-repeat会禁用在幻灯片中使用幻灯片的可能性。见JsFiddle link。 它包含4个水平幻灯片，幻灯片2包含一个带有2个幻灯片的垂直幻灯片。 它工作正常，但如果我更改HTML

<!-- This works:--> 
<div class="swiper-slide"> 

要：

<!-- This works:--> 
<div class="swiper-slide" ng-repeat=”let in letArr”> 

然后我得到的（如预期）5个水平滑动，其中滑动2现在有两个幻灯片：滑块2a和2b。但是我没有在幻灯片2a和幻灯片2b上获得任何垂直幻灯片（我预期）。垂直幻灯片选择的分页符号是可见的，但它们不响应。这只是按照设计工作，还是我错过了什么？

我可以在HTML外部幻灯片库中手动展开，但会导致维护困难和errorprone。

Answer 1

90％的时间，当我的滑块不工作，但有部分或部分工作（如分页按钮建成），一个简单的swiper.reInit（）的作品。

随着角度，以便当DOM创建最后一张幻灯片赶上，我做出快速swiperSlide指令，做这样的事情：

.directive('swiperSlide', function() { 
    return function (scope, element, attrs) { 
     if (scope.$last) setTimeout(function() { 
      swiper.reInit(); //make sure you initialize your swiper to a variable called "swiper" or replace "swiper" with whatever your swiper variable is 
     }, 1); 
    }; 
});