無限數量的幻燈片附加到角度輪播

Question

我將rn-carousel與ng-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無效，因此它無法工作。 該問題已通過返回數組解決。