JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div ng-app="app">
  <div ng-controller="MainController as main">
    <div class="btn-group">
      <a href class="btn btn-default"
        ng-repeat="button in main.buttons"
        ng-click="main.onClick(button)"
        ng-class="{active: button.choosen}">
        {{ button.label }}</a>
    </div>
  </div>
</div>

JavaScript

angular.module('app', [])
	.controller('MainController', MainController);
  
function MainController() {
	var vm = this;
  
  vm.buttons = [
  	{id: 1, label: "But1", choosen: false},
    {id: 2, label: "But2", choosen: true },
    {id: 3, label: "But3", choosen: false},
    {id: 4, label: "But4", choosen: true },
    {id: 5, label: "But5", choosen: false}
  ];
  
  vm.onClick = function onClick(item) {
  	item.choosen = !item.choosen;
  };
}