如何使用AngularJS“重复”滚动条中的元素列表?

时间:2017-03-06 21:39:38

标签: javascript css angularjs ionic-framework

我正在尝试编写一个涉及显示工具/按钮滚动条的移动应用程序。当用户滚动按钮列表时,我想再次重复该列表。

为了更清楚,假设我有一个包含10个元素的数组。当我滚动并到达第10个元素时,我想重新开始显示第1个元素。如果我向第一个元素滚动相反的方向,我想显示列表的最后一个元素。

我正在使用Ionic 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中的按钮以我上面描述的方式重复?

0 个答案:

没有答案