JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
<div ng-app='voteApp' ng-controller='MainCtrl'> <i title="Up Votes" ng-click="upVote()" class="fa fa-arrow-circle-up fa-2x" style='cursor:pointer'></i>
<br/> <i title="Down Votes" ng-click="downVote()" class="fa fa-arrow-circle-down fa-2x" style='cursor:pointer'></i>
<br/>Number Of Votes: {{vote}}</div>
JavaScript
var app = angular.module('voteApp', []);
app.controller('MainCtrl', function ($scope) {
$scope.upVote = function () {
$scope.vote++;
}
$scope.downVote = function () {
$scope.vote--;
}
$scope.vote = 0;
});