angular-material – 用于多个单词的md-highlight-text

前端之家收集整理的这篇文章主要介绍了angular-material – 用于多个单词的md-highlight-text前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用md-highlight-text来突出显示基于搜索的复选框标签列表中的单词.但我想突出显示多个搜索的单词..指令中没有选项/标志?

来自md站点代码示例:

<input placeholder="Enter a search term..." ng-model="searchTerm" type="text">
<ul>
  <li ng-repeat="result in results" md-highlight-text="searchTerm">
    {{result.text}}
  </li>
</ul>

在这里,我想强调输入中输入的多个单词.

解决方法

因为我在网络上的顶级搜索结果中发现了这一点,并且由于问题有点不清楚,我将以多种方式回答这个问题.

当然,正如lorenzo montanan的回答所提到的,你需要为突出显示提供一些css(至少我认为是这样).

如果OP(或你,读者)要求在结果中突出显示多个单词,那么现在有一个md-highlight-flags可以帮助(见md-highlight-text documentation),它目前的工作原理如下:

md-highlight-flags – string – A list of flags (loosely based on JavaScript RexExp flags).

Supported flags:

g: Find all matches within the provided text

i: Ignore case when searching for matches

$: Only match if the text ends with the search term

^: Only match if the text begins with the search term

但是,如果要在输入中键入多个单词并使输出分别突出显示每个单词而不必按相同的顺序排列,则md-highlight-text将不会,并且对此不感兴趣(请参阅: request for highlighting multiple input wordsanother request).一种方法是编写自己的过滤器指令.

猜你在找的Angularjs相关文章