Я пытаюсь передать div с событием щелчка, используя 'inner HTML'. Поскольку (щелчок) не работал, я попытался использовать HostListener для получения идентификатора. Но, похоже, невозможно даже передать id во внутренний HTML.
HTML Код
<div [innerHTML]="show" detectClick></div>
Хост-прослушиватель
@HostListener('click', ['$event.target.id']) onClick(id: any) {
alert(`You clicked on ${id}`);
this.test = id;
}
Код для динамического добавления
this.show = this.sanitizer.bypassSecurityTrustHtml(`<div class="clickarea"><span id="123" (click)="showID('123');">x</span></div>`);
Ссылка на StackBlitz