JSFiddle - React, Tailwind, and code Playground

HTML

<div data-ng-app="myApp" data-ng-controller="demoCtrl">

    <div ng-repeat="site in list.links ">
        <span ng-class="$even ? 'odd' : 'even'">{{site.name}}</span>
    </div>
</div>

CSS

.odd {
   color: red;
}

JavaScript

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

demoApp.controller("demoCtrl", function($scope){

    $scope.list = {
        links: [
    {
      name: 'Facebook'
    },
    {
      name: 'best green'
    },
    {
      name: 'worst'

    }            
           
        ]
    }
    
});