NgClass

by OwenMelbz

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>
<ul ng-controller="CarController" ng-app>
    <li ng-repeat="car in cars" ng-class="{'realFast' : car.topSpeed > 220}">{{car.name}} - {{car.topSpeed}}</li>
</ul>

CSS

.realFast {
    color: gold;
    font-weight: bold;
}

JavaScript

var CarController = function ($scope) {

    $scope.cars = [{
        "name": "Electric Car",
            "colour": "White",
            "topSpeed": 250
    }, {
        "name": "Hybrid Car",
            "colour": "Green",
            "topSpeed": 230
    }, {
        "name": "Petrol Car",
            "colour": "Black",
            "topSpeed": 220
    }];

    $scope.carClicked = function (car) {
        alert('You clicked on ' + car.name);
    };
};