JSFiddle - React, Tailwind, and code Playground

by Rob Sedgwick

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.js"></script>
<div ng-app="app" ng-controller="Ctrl">
<i style="cursor:pointer" ng-class="{'text-success': dave==1}" ng-click="selectChosenOption(1)">billy</i>

<i style="cursor:pointer" ng-class="{'text-success': dave==2}" ng-click="selectChosenOption(2)">jimmy</i>

</div>

CSS

i.text-success {
    color: red;
}

JavaScript

var app = angular.module("app", []);

app.controller("Ctrl", function ($scope) {
    //                alert("brother");
    $scope.dave = 0;

    $scope.selectChosenOption = function (id) {
        alert(id);
        $scope.dave = id;
    }

});