Alternating styling for ion-item


Hi. I am trying to style alternating items using ng-class-odd and ng-class-even however it is only styling the row and not the parent ion-item.

<ion-item ng-repeat="result in results" ng-href="#/app/products/{{}}">
                        <div class="row" ng-class-odd="'odd'" ng-class-even="'even'">


.odd { background: green; }

.even { background: red; }

and the result is:

I am hoping to style the entire ion-item (ion-item anchor, not just the anchor’s child div). I have tried using ng-class-odd and even in the ion-item directive but it didn’t do anything.

Any ideas?