Javascript 如何"；重复；使用AngularJS的滚动条中的元素列表？

我正在尝试编写一个移动应用程序，其中包括显示工具/按钮的滚动条。当用户滚动浏览按钮列表时，我想再次重复相同的列表

更清楚地说，假设我有一个由10个元素组成的数组。当我滚动到第10个元素时，我想再次开始显示第1个元素。如果我滚动到相反的方向超过第一个元素，我想显示列表的最后一个元素

我使用的是爱奥尼亚1，目前我只有一个带按钮的滚动条

<ion-scroll
        class="tools"
        direction="x"
        scrollbar-x="false"
        scrollbar-y="false"
        locking="true"
        zooming="false"
        on-scroll="controller.on_scroll()">
        <button
            ng-repeat="tool in model.tools"
            class="button icon {{tool.icon}}"
            ng-click="controller.tool_click(tool.name)"/>
    </ion-scroll>

---

如何让

ng repeat

中的按钮以上述方式重复？

不确定滚动条是否是正确的工具-滚动条指示您在有限集合中的位置-但您有点想要无限集合（至少以这种方式呈现）。更像是图像滑块类型的东西，只有按钮？当滚动条位于项目的末尾并且您希望它们重新开始时，滚动条应该是什么样子的？它应该变小吗？返回开始？@PeteGO滚动条实际上不可见。外观就像您建议的图像滑块（按钮除外）。另外，您可能是对的，滚动条不是我应该在这里使用的。我不确定合适的元素是什么。请查看

离子幻灯片框

。查看此插件：