JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app ng-controller="myCtrl">
    <div ng-repeat="item in due">
        <span ng-class="{green: item.past == 'yes', black: item.past == 'no'}">{{item.date|date}}</span>
    </div>
</div>

CSS

.red {
    color: red;
}
.black {
    color: black;
}

JavaScript

function myCtrl($scope) {
    $scope.due = [{
        date: new Date(),
        past: 'no'
    }, {
        date: new Date('2012-10-10'),
        past: 'yes'
    }]
}