Angular: Empty Fiddle

http://angularjs.org/

by noducks

HTML

<script src="http://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
<script src="http://code.angularjs.org/1.3.0-beta.5/angular-touch.js"></script>
<div ng-app="myApp" ng-init="some = true">
        
    <div class="box" data-clicker data-some="some"></div>

</div>

CSS

.box {
    width: 100px;
    height: 100px;
    background-color: #ccc;
    padding: 20px;
    margin: 100px;
}

JavaScript

var myApp = angular.module('myApp',['ngTouch']);

myApp.directive('clicker', function($swipe, $timeout) {
    return {
        scope: {
            some: '='
        },
        template: '<div>{{some}}</div>',
        link: function(scope, element, attrs) {
            
            var locked = false;
                            
            $swipe.bind(element, { start: function(){
                 
                if (!locked) {
                locked = true;
                console.log('clicked');
                scope.some = !scope.some;
                scope.$apply();
                    $timeout(function(){locked = false}, 200);
                }
                
            }});
        }
    }
});