Angular right-click directive

Directive to bind action to right click

HTML

<script src="http://code.angularjs.org/1.1.3/angular.min.js"></script>
<div ng-app="myApp" ng-controller="MyCtrl">
    Right click me: 
    <span class="action" 
          ng-mousedown="handleClick($event)"
          oncontextmenu='return false'>{{value}}</span>    
</div>

CSS

.action {
    cursor: pointer;
    border: 1px solid black;
    padding: 5px;
}

JavaScript

var app = angular.module('myApp', []);
function MyCtrl($scope) {
    $scope.value = 50;
    $scope.handleClick = function(evt) {
      console.log(evt);
      switch(evt.which) {
            case 1:
                $scope.value++;  // increment
                break;
            case 2:
                // for middle click functionality
                break;
            case 3:
                $scope.value--;  // decrement
                break;
            default:
                alert("you have a strange mouse");
                break
        }  
    };
    
};