フィルタリング時にli要素にアクティブな色を追加する方法はありますか？

Question

私はli要素のアクティブなクラスをAngularのフィルタリングに基づいて追加したいと思いますが、ng-classで試しましたが、私は得られません。

<div class="input-group dropdown" style="margin-top:50px;margin- 
left:100px;"> 
    <input type="text" class="form-control" ng-model="input.val" data-toggle="dropdown" aria-describedby="basic-addon2" ng-change="fnAutocompleteQuestion(input.val)" > 
     <div class="dropdown-menu width-menu"> 
      <ul style="width: 225px; height: auto; overflow: auto; list-style-type: none;margin-left: -30px;"> 
       <li ng-repeat="value in data | filter: input.val" ng-class="{'active': $index == value.txt} ng-click="input.val=value.txt"> 
         {{value.txt}} 
        <hr ng-show="!$last" style="margin-top: -1px; margin-bottom: 12px;"> 
       </li> 
      </ul> 
     </div> 
</div> 

CSS：ここ

が私のHTMLコードです

.active{ 
     color:red; 
    } 

Answer 1

私はあなたが''

ng-class="{'active': $index == input.val} 

Answer 2

<li ng-repeat="value in data | filter: input.val" ng-class="{'active':value.txt.indexOf(input.val)>0}" ng-click="input.val=value.txt" > 
         {{value.txt}} 
        <hr ng-show="!$last" style="margin-top: -1px; margin-bottom: 12px;"> 
       </li>