2014-04-24 5 views
0

제목은 거의 모든 것을 설명합니다. ngSwipeLeft = "someFunction()"을 입력하면 희망대로 작동하지 않는 것 같습니다. 어쩌면 내가 잘못하고있는 것일 수도 있지만, 당신의 아이디어는 무엇입니까? Here은 ngSwipeLeft의 설명서입니다.AngularJS : ngSwipeLeft에서 함수 호출

Example

감사합니다, 벤

+0

자세한 내용을 제공하지 않으면 잘못했는지 여부를 알 수 없습니다. 예를 들어 애플리케이션에 ng-touch 모듈을 포함하고 있습니까? –

+0

@ Sun Di. 예, 죄송합니다. 질문을 예제로 업데이트했습니다. 고마워, 네, ng-touch 모듈을 포함합니다. – benjipelletier

답변

3

나는 당신이 자바 스크립트에 대한 컨트롤러를 작성하면된다 다음의 범위 떨어져 작업을해야 무엇을 생각합니다.

<div ng-show="!showActions" data-ng-swipe-left="someFunction()"> 
Some list content, like an email in the inbox 
</div> 
<div ng-show="showActions" data-ng-swipe-right="someFunction()">"> 
<button ng-click="reply()">Reply</button> 
<button ng-click="delete()">Delete</button> 
</div> 

그리고 난 내 응용 프로그램에서 그것을 할 방법입니다 JS

$scope.showActions = false; 

$scope.someFunction = function() { 
    $scope.showActions = !$scope.showActions; 
}; 

. 나는 그것이 도움이되기를 바랍니다.

여기는 Plunk입니다.

덩어리가 작동하지만 조금 벗어납니다. 때때로 전환하는 대신 강조 표시됩니다. 오른쪽으로 스 와이프하면 가장 효과적입니다.

+0

정말 고마워요. 이것은 내가 찾고 있었던 것이다! 건배. 하나의 질문이지만 데이터가 왼쪽/오른쪽으로 스 와이프하기 전에 무엇을합니까? – benjipelletier

+0

나는 그 질문을 이해할 수 있을지 확신하지 못한다. showActions 국가에 대해서 말하는거야? 아니면 자바 스크립트의 다른 부분? – Sobieck

+0

Plunk에 "data-"부분이 없을 때 나는 "data-ng-swipe-right"에 대해 이야기하고있었습니다. – benjipelletier

관련 문제