Javascript 如何在角度方向上滑动时隐藏div

Javascript 如何在角度方向上滑动时隐藏div,javascript,css,angularjs,ionic-framework,Javascript,Css,Angularjs,Ionic Framework,我想做什么 我想右击时关闭/隐藏一个div 这个部门是干什么的 这是我单击某个按钮时显示的弹出窗口。我想在向右滑动时关闭此弹出窗口(此分区) 我用什么 爱奥尼亚 在我的app.js中,我有: $scope.warn = function (message) { alert(message); }; <div on-swipe-right="warn('Must use scope')">....</div> 在div所在的HTML文件中,我

我想做什么

我想右击时关闭/隐藏一个div

这个部门是干什么的

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

我用什么

爱奥尼亚

在我的app.js中,我有:

    $scope.warn = function (message) {
      alert(message);
    };
<div on-swipe-right="warn('Must use scope')">....</div>
在div所在的HTML文件中,我有:

    $scope.warn = function (message) {
      alert(message);
    };
<div on-swipe-right="warn('Must use scope')">....</div>
。。。。
它给了我一个警告,所以我知道刷卡手势是有效的


现在,我想在向右滑动时隐藏div,但我不知道如何使用
ng show
实现这一点。或者我应该使用CSS吗?

你非常接近。只需跟踪“显示”标志,如下所示:

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

看到您使用术语作为“消息”,您可能会使用
ng repeat
。在这种情况下,您可以执行以下操作:

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

你很接近。只需跟踪“显示”标志,如下所示:

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

看到您使用术语作为“消息”,您可能会使用
ng repeat
。在这种情况下,您可以执行以下操作:

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