Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
  <div class="button" ng-click="click()" ng-dblclick="dblclick()">
  Click
  </div>
  <div class="button" ng-click="reset()">
  Reset
  </div>
  <div>
  clicked:{{clicked}}
  </div>
  <div>
  double clicked : {{dblclicked}}
  </div>
</div>

CSS

.button{
  padding:5px;
  height:30px;
  width:40px;
  display:inline-block;
  margin:10px;
  border: 1px solid red;
}
.button:hover{
  color:white;
  background:red;
  cursor:pointer;
}

JavaScript

var myApp = angular.module('myApp',[]);
function MyCtrl($scope) {
$scope.clicked = 0;
$scope.dblclicked = 0;
$scope.click = function(){
	$scope.clicked++;
};
$scope.dblclick = function(){
	$scope.dblclicked++;
};
$scope.reset = function(){
	$scope.clicked = 0;
	$scope.dblclicked = 0;
};
}