JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp">
    <div ng-controller="editcontroller">
        <ul>
            <li ng-click="menuclick(event)" class="testclass">test</li>
            <li ng-click="menuclick()" class="testclass">test</li>
            <li ng-click="menuclick()" class="testclass">test</li>
            <li ng-click="menuclick()" class="testclass">test</li>
        </ul>
    </div>
</div>

CSS

.active{
    color: red;
}

JavaScript

angular.module('myApp', [
])
    .controller('editcontroller', function ($scope) {
    $scope.menuItems = angular.element(document.querySelectorAll('.testclass'));
    $scope.menuclick = function menuclick(e) {
        angular.forEach($scope.menuItems, function(el){
            angular.element(el).removeClass('active');
        });
        angular.element(event.target).addClass('active');
    };

});