0

我正在尝试执行以下操作: 1.使用ng-repeat创建html表。 2.使用输入字段为用户输入文字 3.当文本包含在一组特定的单元格中时,相关行将执行某种动画(可以说改变它们的背景颜色)。使用ng-repeat过滤器而不隐藏已过滤的行

我已经使用过滤器选项,直到现在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> 

感谢

回答

0

我不认为过滤器是必要的,这种情况下。您可以使用简单的NG-重复和纳克级的指令,例如

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

其中$ scope.isContainsCoparator(记录)函数返回true,如果记录包含用户的输入