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

Question

我有一个表格，它使用简单的内联 ng-repeat 角度过滤器过滤掉运算符和资产。 但是，在某些行中，我在滚动中显示了多个运算符（即第二行）。当按运算符过滤时，行被过滤但无法在行中显示（必须滚动才能看到过滤后结果）选择的确切运算符。

Example: When selected operator Jill ,I want to see Jill as its inside the row hidden under scroll.

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>

Answer 1

尝试对 this.write 过滤器使用filter 服务，如下所示： 我不写这个过滤器。

为了隐藏其他元素，在第二个 ng-repeat 循环中使用 filter。

app.filter('highlight', function() {
return function(text, selectedWord) {
  if(selectedWord) {
    var pattern = new RegExp(selectedWord, "g");
    return text.replace(pattern, '<span class="highlighted">' + selectedWord + '</span>');
  }
  else {
    return text;
   }
 };
});

Demo