javascript - 如何在 Angular 中滑动时隐藏 div

Question

我想做什么？

我想在向右滑动时关闭/隐藏一个 div。

div 有什么作用？

这是一个当我点击某个按钮时显示的弹出窗口。我想在向右滑动时关闭此弹出窗口(此 div)。

我用什么？

ionic 。

在我的 app.js 中，我有这个:

    $scope.warn = function (message) {
      alert(message);
    };

在 div 所在的 HTML 文件中，我有这个:

<div on-swipe-right="warn('Must use scope')">....</div>

它给了我一个提醒，所以我知道滑动手势有效。

现在，我想在向右滑动时隐藏 div，但我不知道如何使用 ng-show 实现它。还是应该使用 CSS？

Answer 1

你们很亲近。只需跟踪“显示”标志，如下所示:

<div on-swipe-right="close(message)"
     ng-hide="hide">....</div>

然后在你的 Controller 中:

$scope.close = function (message) {
    $scope.hide = true;
};

---

看到您将术语用作“消息”，您可能使用了 ng-repeat。在这种情况下，您可以这样做:

<div ng-repeat="message in messages">
    <div on-swipe-right="close(message)"
         ng-hide="message.closed">....</div>
</div>

还有你的 Controller :

$scope.messages = [{
    text:"someText"
}, {
    text:"some other text"
}];

$scope.close = function (message) {
    message.closed = true;
};