<a> событие клика тега внутри innerhtml в угловых 6

Question

Я хочу разработать компонент со следующими функциями:

1. Содержимое страницы может загружаться с innerHTML, то есть динамическими данными.
2. Когда я mouseover div, он должен показывать иконку для редактирования.
3. Нажатие на иконку запускает событие.Я не могу заставить работать событие click внутри тега.

(этот html загружен для 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>

Answer 1

Вы можете прослушивать щелчки по абзацу с помощью innerHTML, а затем проверять элемент event.target.