2016-11-16 3 views
0

オートコンプリートリストの最初の10個のアイテムを緑色の背景にしたいと思っています。md-autocomplete and ng-class

私はMD-自動補完要素にNG-クラスを追加しようとしたが、それは

  1. を "取る" ようには見えなかったMD-オートコンプリートんサポートNG-クラス?

  2. どのように私の目標を達成するかもしれないかに関する提案はありますか?

+2

あなたはいくつかのコードを表示したり、バイオリンを作成できますか? – Matheno

答えて

1

ここに行く - CodePen

マークアップ(関連)

<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; 
} 
+0

DOH!常にテンプレートを忘れる – ed4becky

1

documentationにあるように、md-menu-classを使用してドロップダウンメニューのスタイルを設定できます。