如何在過濾時將活動顏色追加到li元素上？

我想爲基於Angular過濾的li元素添加活動類，我嘗試使用ng-class，但沒有得到。如何在過濾時將活動顏色追加到li元素上？

這裏是我的HTML代碼：

<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：

.active{ 
     color:red; 
    }

來源

2017-04-14 anub

我認爲你缺少''

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

來源

2017-04-14 11:34:01 Akashii

但我需要追加這個類來li元素在過濾 – anub

你在做什麼螞蟻過濾器奇數或偶數或某些事情？你能解釋清楚@bpinky – Akashii

它是一個自動完成過濾器，在過濾我需要追加活動類爲列表元素 – anub

<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>

來源

2017-04-14 11:38:26

對不起，它不工作，我已經嘗試過。 – anub

如何在過濾時將活動顏色追加到li元素上？

回答

相關問題