JSFiddle - React, Tailwind, and code Playground

by wilsonjonash

HTML

<div ng-app="myApp">
    <div ng-controller="myController">
        <div ng-repeat="item in items" ng-class="{myClass:item.changed}">
          {{item.name}} 
          <button ng-click="item.changed = !item.changed">Change me!</button>
        </div>
    </div>
</div>

CSS

.myClass {
    background: red;
}

JavaScript

angular.module('myApp',[])
.controller('myController',function($scope){
    $scope.items = [
        {name: "Item A", changed: false},
        {name: "Item B", changed: false},
        {name: "Item C", changed: false},
        {name: "Item D", changed: false}        
    ];
});