在行中突出顯示過濾的元素angularjs

我有一張表格，它使用簡單的內聯ng-repeat角度過濾器來過濾操作符和資產。但是，在某些行中，有多個運算符（即第二行）在滾動條中顯示。運算符過濾時，行正在過濾但無法顯示在行中（必須滾動才能看到過濾結果）選定的確切運算符。在行中突出顯示過濾的元素angularjs

示例：當選擇運算符Jill時，我想將Jill看作其隱藏在滾動下方的行內。

Plunker link

HTML摘錄：爲this.write過濾如下

<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>

來源

2017-06-05 forgottofly

看到這個https://plnkr.co/edit/9y4VqD4KIazg8oTn0Jef?p=preview –

@Hadi Thanks.Is它無法隱藏這麼想的匹配模型等元素？ – forgottofly

查看更新後的樣本https://plnkr.co/edit/9y4VqD4KIazg8oTn0Jef?p=preview –

嘗試使用filter服務：我不寫這個過濾器。

和隱藏其他元素使用filter在第二個ng-repeat循環。

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

來源

2017-06-05 07:02:39

在行中突出顯示過濾的元素angularjs

回答

相關問題