我可以将（单击）事件的函数添加到我使用替换方法添加的跨度标签中吗？

Question

https://i.sstatic.net/b5dow.png 我有这样的句子，如您所见，如果我要寻找的单词在该句子中，我将其放在跨度标签中。

.replace(query.toLocaleLowerCase(), `<span>${query}</span>`,).toLocaleLowerCase()

（查询是我的搜索字） 我想在这样的跨度标签中拿起这个词，

`<span (click)="myFunction()">${query}</span>`

有办法做到这一点吗？

Answer 1

我得到了这样的解决方案，这不是很正确，但是最简单的

ts side

click(evt) {
const href = evt.target.localName;

if (href == 'span') {
  evt.path.forEach(element => {
    if (element.localName == "p") {
       ---my codes---
    }
  });
}

}

html侧；

(click)="click($event)" [innerHtml]="subtitle"

Answer 2

你尝试过吗？

.replace(query.toLocaleLowerCase(), `<span onclick="functionName()">${query}</span>`,).toLocaleLowerCase()