我可以将带有 (click) 事件的函数添加到我使用 replace 方法添加的 span 标签吗？

Question

https://i.stack.imgur.com/B5doW.png 我有这样的句子，如您所见，如果我要找的词在那个句子中，我会把它放在 span 标签中。

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

(query是我的搜索词) 我想在这些 span 标签中使用这样的词

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

有办法吗？

Answer 1

你试过了吗

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

Answer 2

我得到了这样的解决方案，不太对，但最简单

TS 端

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"

我可以将带有 (click) 事件的函数添加到我使用 replace 方法添加的 span 标签吗？

Can I add a function with the (click) event to my span tags that I added with the replace method?

javascript

typescript

angular

angular12