angularjs - 附加到角旋转木马的无限数量的幻灯片

Question

我使用rn-carouselwithng-repeat并且可以在我的所有项目之间滑动。但是，列表中附加了无限数量的空白项目，这意味着我可以无限次向右滑动自己的项目，它会显示空白幻灯片。

即使使用非常基本的标记也会发生这种情况：

<ul rn-carousel rn-carousel-controls class="swiper-container">
  <li ng-repeat="p in UseCaseCtrl.getProjects()">
    <img ng-src="{{p.picture}}">
  </li>
</ul>

并且无论设备如何。

此外，下一个 '>' 控制链接永远不会显示在任何幻灯片上，当用户登陆第一张幻灯片并且甚至不知道右侧还有其他幻灯片时，这会产生误导。

任何猜测可能是问题的根源？还是一种调试方法？

Answer 1

万一有人遇到同样的问题，根本原因是我的实现UseCaseCtrl.getProjects()曾经返回一个对象。在内部，rn-carousel将用于.length确定幻灯片的数量。由于它试图.length用嵌套项目制作一个对象，所以它无法工作。这个问题通过返回一个数组来解决。