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

Question

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

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

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

Highlight filtered element in row angularjs

javascript

filter

angularjs

angularjs-ng-repeat

angular-ngmodel