多个单词的md-highlight-text

时间:2015-12-16 06:24:49

标签: angular-material

我正在使用md-highlight-text根据搜索突出显示复选框标签列表中的字词。但我想突出显示多个搜索的单词..指令中没有选项/标志?

来自md site的代码示例:

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

这里我想强调输入中输入的多个单词。

1 个答案:

答案 0 :(得分:0)

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

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

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

  

md-highlight-flags - string - 标志列表(松散地基于JavaScript RexExp标志)。

     

支持的标志:

     

g:查找提供的文本中的所有匹配项

     

i:搜索匹配时忽略大小写

     

$:仅在文字以搜索字词

结尾时匹配      

^:仅在文本以搜索词

开头时匹配

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