JSFiddle - React, Tailwind, and code Playground

HTML

<h3 >Filter update class</h3>
<div ng-app class="filters_ct" ng-controller="selectFilter">

    <ul>
        <li ng-repeat="filter in filters"  ng-click="select($index)" ng-class="{active: $index===selectedIndex}">
            <span class="filters_ct_status"></span>
            {{filter.time}}
        </li>
    </ul>
    
</div>

CSS

li { color:blue;  }
li.active { color:orange;  }

JavaScript

function selectFilter($scope) {

$scope.filters = [
        {
            filterId: 1,
            time: 'last 24 hours',
        },
        {
            filterId: 2,
            time: 'all',
        },
        {
            filterId: 3,
            time: 'last hour',
        },
        {
            filterId: 4,
            time: 'today',
        },
        {
            filterId: 5,
            time: 'yersteday',
        }
    ]; 
$scope.selectedIndex = 0;

$scope.select= function(i) {
  $scope.selectedIndex=i;
};
    
}