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

发布时间：2020-12-17 18:04:36 所属栏目：安全来源：网络整理

导读：我正在使用md-highlight-text来突出显示基于搜索的复选框标签列表中的单词.但我想突出显示多个搜索的单词..指令中没有选项/标志？来自md站点的代码示例： input placeholder="Enter a search term..." ng-model="searchTerm" type="text"ul li ng-repeat="r

我正在使用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 words和another request).一种方法是编写自己的过滤器指令.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!