First-Child and First-Child with ng-Repeat

Nemilidinne Ashokreddy

11y1kCode

This code snippet is for to apply css styles to first value in ng-repeat using ng-class.

<!DOCTYPE html>
<html>

<head>
    <title></title>
    <meta charset="utf-8" />
    <script src="Scripts/angular.js"></script>
    <style>
    .active
   {
        color: red;
    }
    </style>
</head>

<body ng-app="">
    <div>
        <div ng-repeat="i in [1,2,3,4,5]" ng-class="{'active':$first}">{{i}}</div>
    </div>
</body>

</html>