md-autocomplete and ng-class

Question

I would like to style the first 10 items in an autocomplete list to have a green background.

I tried adding ng-class to the md-autocomplete element, but it didn't seem to "take"

1. does md-autocomplete support ng-class?

2. any suggestions on how I might accomplish my goal?

Answer 1

Here you go - CodePen

Markup (relevant)

<md-item-template>
    <span md-highlight-text="ctrl.searchText" md-highlight-flags="^i" ng-class="{greenBackground: $index<=9}">{{item.display}}</span>
</md-item-template>

CSS

.greenBackground {
  background: green;
}

Answer 2

As seen in the documentation you can use md-menu-class to style the dropdown menu.