JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.angularjs.org/1.0.0/angular-1.0.0.min.js"></script>
<script src="http://code.angularjs.org/1.0.0/angular-resource-1.0.0.min.js"></script>
<body ng-app='myApp'>
  <div ng-controller='AwardsCtrl'>
    <div class="btn-group">
      <button ng-class="{true:'active',false:''}[hofData.action == 0]" class="btn" ng-click='getFiltered(0)'>Action</button>
      <button ng-class="{true:'active',false:''}[hofData.action == 0]" class="btn" ng-click='getFiltered(2)'>Detail</button>
    </div>
  </div>
</body>

CSS

</style>  
<script src="//code.angularjs.org/1.0.0rc7/angular-1.0.0rc7.js"></script>
<link rel="stylesheet" href="//twitter.github.com/bootstrap/assets/css/bootstrap.css">

JavaScript

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

ngModule.controller('AwardsCtrl', [ '$scope', function($scope, $resource) {
    
    $scope.getFiltered = function getFiltered(area) {
        console.log('action (' + area + ')');
        alert('action (' + area + ')');
    };
    $scope.getFiltered(0);
    
}]);