Question

我使用了AngularJS的寻呼机和服务器端编码。基本上，当用户点击NEXT时，会显示5条记录组。

现在，当平板电脑中使用该应用程序时，我需要滑动效果。

<section class="recent" style="margin: 20px 0;">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-md-12 text-center" data-ng-init="recentUsers(1)">
                    <button type="button" class="rc-buttons" data-ng-repeat="user in recentusers">
                        {{user.firstname}}
                    </button>
                    <pager style="margin-top: -28px;" total-items="recenttotalItems" page="recentcurrentPage" items-per-page="recentitemsperpage" max-size="maxsize" on-select-page="recentUsers(page)" class="pagination-sm"
                        previous-text="<<" next-text=">>"></pager>
                </div>
            </div>
        </div>
    </section>

如何在AngularJS中实现滑动效果？

Answer 1

要处理滑动，您可以使用 ngTouch 模块 ngSwipeLeft 和 ngSwipeRight < /强>

由于它是一个单独的模块，您需要单独包含该脚本：

<script src=".../angular-touch.min.js"></script>

您还需要将模块作为依赖项包含在主模块中：

angular.module('yourApp', ['ngTouch']);

然后你可以使用它来这样：

<div ng-swipe-right="doSomething()" ng-swipe-left="doSomethingElse()"> ... </div>

AngularJS - 滑动效果

1 个答案: