У меня есть рекурсивная древовидная структура, содержащая узлы, каждая из которых имеет свойство "htmlStringContent". Когда я показываю дерево с помощью вложенных компонентов node и пытаюсь представить содержимое html, которое я использую:
<div [innerHtml]="node.htmlStringContent"></div>
HTML отображается правильно, но для следующих элементов:
<a (click)="function()">click me</a>
Функции (нажмите) не работают. Я знаю, что ранее было опубликовано , но с большим количеством обновлений angular недавно вышло, что я не могу найти какие-либо решения. Этот ответ заставляет меня думать, что я должен использовать директиву ngComponentOutlet, но я не уверен, как..
Как я могу получить angular для привязки этой функции щелчка?
Изменить: мне сказали использовать ComponentFactoryResolver, но не вижу, как я могу использовать это, чтобы правильно отображать html. Может ли кто-нибудь помочь?
Edit2: я обрабатываю "htmlStringContent" через санирующую трубу перед ее отображением на [ innerHtml]
transform(v: string) : SafeHtml {
return this._sanitizer.bypassSecurityTrustHtml(v);
}
Edit3: В основном этот вопрос задается вопросом, возможно ли отображать HTML из свойства объекта в angular 2/ionic 2, сохраняя при этом функциональность (щелчок). Я также открыт для обходных ответов.