使用ng-repeat過濾器而不隱藏已過濾的行

Question

我正在嘗試執行以下操作： 1.使用ng-repeat創建html表。 2.使用輸入字段爲用戶輸入文字 3.當文本包含在一組特定的單元格中時，相關行將執行某種動畫（可以說改變它們的背景顏色）。

我已經使用過濾器選項，直到現在ng重複，但它隱藏不符合標準的行，而我希望他們被提交。

這是我當前的代碼：

<input id="filterPositions" ng-change="showFiltered()" type="search" ng-model="q.secret" placeholder="filter position..." /> 
<table> 
<tr ng-repeat="record in (filteredItems = (body | filter:q:containsComparator)) track by record.positionId" ng-class="rowClass(record)"> 
<td>....</td> 
<td>....</td> 
<td>....</td> 
<td>....</td> 
</tr> 
</table> 

感謝

Answer 1

我不認爲過濾器是必要的，這種情況下。您可以使用簡單的NG-重複和納克級的指令，例如

<tr ng-repeat="record in allrecords" ng-class="{'containscmp': isContainsComparator(record)}"> 
    <td>....</td> 
    <td>....</td> 
    <td>....</td> 
</tr> 

其中$ scope.isContainsCoparator（記錄）函數返回true，如果記錄包含用戶的輸入