附加到角度轮播的无限数量的幻灯片

时间:2015-05-17 11:51:13

标签: angularjs 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>

并且无论设备如何。

下一个&#39;&gt;&#39;在任何幻灯片上都不会显示控制链接,这在用户登陆第一张幻灯片时甚至不知道右边有其他幻灯片时会产生误导。

对可能是问题根源的猜测?还是一种调试方式?

1 个答案:

答案 0 :(得分:0)

如果某人遇到同样的问题,根本原因是我UseCaseCtrl.getProjects()的实施,它曾用于返回对象。在内部,rn-carousel将使用.length来确定幻灯片的数量。由于它试图使用嵌套项创建一个对象的.length,因此它无法工作。通过返回数组来解决问题。