突出显示行angularjs中的已过滤元素

时间:2017-06-05 06:35:32

标签: javascript angularjs filter angularjs-ng-repeat angular-ngmodel

我有一张表,使用简单的内联ng-repeat角度过滤器来过滤运算符和资产。 但是在某些行中有多个操作符(即第二行),我在滚动内部显示。当被操作符过滤时,行被过滤但无法在行中显示(必须滚动才能看到过滤后的结果)选择的确切运算符。

示例:当选择运算符Jill时,我希望看到Jill在其中隐藏在滚动下的行内。

Plunker link

HTML代码段:

 <tr ng-repeat="item in items | filter:truckName| filter:operatorName">
                  <td>
                    <div ng-class="{'set-height':item.assetOperator.length>'1'}" ng-if="item.assetOperator.length>0">
                     <span ng-repeat="operator in item.assetOperator">
                     {{operator.name}},
                     </span>
                     </div>
                  </td>
                  <td>{{item.assetName}}</td>
               </tr>

1 个答案:

答案 0 :(得分:1)

尝试对this.write过滤器使用<!DOCTYPE html> <html> <head> <title>Some Title</title> </head> <body> some html to display the tables. <html> <head></head> <title>Some other title</title> <body> some html to display even more tables. </body> </html> </body> </html> 服务,如下所示: 我没有写这个过滤器。

并隐藏其他元素在第二个filter循环中使用filter

ng-repeat

Demo