Событие Onclick добавлено динамически созданная кнопка не работает в InnerHTML

Question

Я получаю строку HTML с сервера. Внутри строки HTML я добавил кнопку с Id, Text и событием onclick и установил значение innerHTML. В пользовательском интерфейсе кнопка была создана с использованием идентификатора и текста, но событие Onclick не работает в Angular 6.

Решения:

1. Создана директива с кнопкой на шаблоне, прикрепленная директива внутри динамического html
2. Создан компонент с кнопкой на шаблоне, прикрепленный компонент внутри динамического HTML

В обоих вышеописанных случаях кнопка была создана, но прослушиватель событий не работал.

И я много гуглил, не мог найти ни одного работающего примера или конкретного решения, чтобы предоставить

Любые решения приветствуются

Answer 1

Angular не обрабатывает HTML, добавленный [innerHTML] = "..."

Таким образом, вы можете обрабатывать событие клика следующим образом.

elementRef.nativeElement.querySelector('button').addEventListener(...)