JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="my-app" ng-controller="MainController">
    <div>
        Selected: {{selected.first}} {{selected.last}}
    </div>
    <div>
        <ul>
            <li ng-repeat="name in names"
                ng-class="{ active: $index == selected }"
                ng-click="selected = $index">
                {{$index}}: {{name.first}} {{name.last}}
            </li>
        </ul>
    </div>
</div>

CSS

.ng-scope {
  border: 1px dashed red;
  margin: 5px;
}

.active {
    background-color: rgb(232,232,232);
}

JavaScript

var module = angular.module('my-app', []);

function MainController($scope) {
    $scope.names = [
        {first: "John", last: "Smith"},
        {first: "Jane", last: "Smith"}
    ];
    $scope.selected = undefined;
}