Angular 我需要实现搜索（如在页面中查找）。我在HTML页面中呈现了一个XML。我需要在此呈现的XML中搜索文本

我需要实现搜索（如在页面中查找）。我在HTML页面中呈现了一个XML。我需要在这个呈现的XML中搜索文本。我已经将XML设置为div的innerhtml。 我已经使用IgxTextHighlightDirective来搜索和突出显示搜索文本

这是我的数据

        this.htmlData = this.sanitizer.bypassSecurityTrustHtml(xmld);

这就是我在HTML模板中编写的内容

<div class="xml-view" (dblclick)="selectEntryText($event)">
    <div [innerHTML]="htmlData" igxTextHighlight [value]="htmlData" class="search-text">
    </div>
</div>

在搜索框中键入后。这是我的问题

---

看起来您还没有添加。另外，您使用

innerHtml

输入的确切目的是什么？正如我所看到的，您已经正确设置了

值

输入，只要您执行与您的逻辑等价的操作，搜索功能就会正常工作

有关如何使用text highlight指令的更多信息，请查看和

private find(increment: number) {
    if (this.searchText) {
        this.matchCount = this.highlight.highlight(this.searchText, this.caseSensitive);
        this.index += increment;

        this.index = this.index < 0 ? this.matchCount - 1 : this.index;
        this.index = this.index > this.matchCount - 1 ? 0 : this.index;

        if (this.matchCount) {
            IgxTextHighlightDirective.setActiveHighlight("group1", {
                index: this.index
            });
        }
    } else {
        this.highlight.clearHighlight();
    }
}

private find（增量：编号）{
如果（此.searchText）{
this.matchCount=this.highlight.highlight（this.searchText，this.caseSensitive）；
这个指数+=增量；
this.index=this.index<0？this.matchCount-1:this.index；
this.index=this.index>this.matchCount-1？0:this.index；
if（this.matchCount）{
igxthighlightdirective.setActiveHighlight（“group1”{
索引：this.index
});
}
}否则{
this.highlight.clearHighlight（）；
}
}

---

您是否有机会检查建议的解决方案？