JSFiddle - React, Tailwind, and code Playground

angularjs app

by Nikola Kochovski

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
    <ul>
        <li ng-repeat="todo in todos"
            ng-class="{'selectedToDo': (todo.id == selectedToDo)}">
            {{todo.toDoText}}
        </li>
    </ul>
</div>

CSS

.selectedToDo{
    background-color: #149bdf;
    color: #000000;
}

JavaScript

function MyCtrl($scope) {
    $scope.todos = [
        {id: 0, toDoText:'TODO 1'},
        {id: 1, toDoText:'TODO 2'},
        {id: 2, toDoText:'TODO 3'}
    ];
   
    $scope.selectedToDo = 1;
}