无限数量的幻灯片附加到 angular-carousel

Infinite number of slides appended to an angular-carousel

我将 rn-carouselng-repeat 一起使用,我可以在我的所有项目之间滑动。然而,列表中附加了 无限数量的空白项目 ,这意味着我可以无限次地向右滑动我自己的项目,它显示空幻灯片。

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

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

并且与设备无关。

此外,下一个“>”控件 link 永远不会在任何幻灯片上显示,这在用户登陆第一张幻灯片时甚至没有显示时会产生误导知道右边还有其他幻灯片。

猜猜问题的根源是什么?或者调试方法?

万一有人遇到同样的问题,根本原因是我对 UseCaseCtrl.getProjects() 的实现,它曾经 return 一个 对象 。在内部,rn-carousel 将使用 .length 来确定幻灯片的数量。由于它试图使具有嵌套项的对象成为 .length,因此它无法工作。该问题已通过 returning 一个 数组 解决。