< a>标记6的innerhtml内部标记点击事件 [英] <a> tag click event inside innerhtml in angular 6

问题描述

我要开发具有以下功能的组件:

I want to develop a component with the following features:

1. 页面内容可以加载innerHTML即动态数据.
2. 当我mouseover div时，它必须显示一些图标才能进行编辑.
3. 单击该图标会触发一个事件.我无法使标记内的click事件起作用.

1. Page content can load with innerHTML i.e. dynamic data.
2. When I mouseover the div, it has to show some icon to edit.
3. Clicking on the icon fires an event. I can't get click event inside tag to work.

(此html用于内部html加载)

(this html loaded for innerhtml)

<div class="profile-pic">
  <img src="https://c1.staticflickr.com/5/4023/5154094149_8c1345f634.jpg">
  <div class="edit" style="background: #7d7c7c; border: 1px solid; width: 100%; text-align: center;">
    <a href="javascript:void(0)" (click)="changeEditor(TEXT)">Click me</a>
  </div>
</div>
<p [innerHTML]="content | safeHtml"></p>

推荐答案

您可以使用innerHTML收听对段落的点击，然后检查event.target元素.

You can listen to clicks on paragraph with innerHTML and then check event.target element.

这篇关于< a>标记6的innerhtml内部标记点击事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！