angular-material - 多个单词的 md-highlight-text

Question

我正在使用 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>

在这里我想突出显示在输入中输入的多个单词。

Answer 1

因为我在网络上的热门搜索结果中发现了这个，而且这个问题有点不清楚，我将通过多种方式回答这个问题。

当然，正如 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 words 和 another request)。一种方法是编写自己的过滤器指令。