스 와이프에서 각도를 사용하여 div를 숨기는 방법

Question

무엇을하고 싶습니까?

오른쪽으로 스 와이프하면 div를 닫거나 숨기려고합니다.

div는 무엇을합니까?

버튼을 클릭하면 표시되는 팝업입니다. 오른쪽으로 스 와이프하면이 팝업 (이 div)을 닫고 싶습니다.

무엇을 사용합니까?

이오닉. ,

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

그것은 나에게 경고를 준다 :이 있고,

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

그리고 사업부 인 HTML 파일 : 내 app.js에서

, 나는 이것을 가지고 그래서 나는 스 와이프 제스처가 작동하는 것을 안다.

이제 오른쪽으로 스 와이프 할 때 div를 숨기고 싶지만 ng-show으로 구현하는 방법을 모르겠습니다. 또는 을 사용해야합니까?

Answer 1

아주 가까이 있습니다. 다만이 같은 '보여주는'플래그를 추적, 무언가를 계속 :

다음

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

컨트롤러에서 :

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

---

를 당신은 '메시지'로 용어를 사용할 것을보고, 당신은 아마를 사용 ng-repeat. 작업 그것을 가지고,

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

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