Как динамически добавить html елемент в Angular

Question

пример проблемы

let td = document.getElementById(id);
td.innerHTML = '<i nz-icon nzType="caret-up" nzTheme="outline"></i>';

я так понимаю что перед этим html нужно скомпилировать, но как это сделать?

Answer 1

Что мешает сделать так?

html:

<div *ngIf="условие показа иконки">
    <i nz-icon nzType="caret-up" nzTheme="outline"></i>
</div>

или непосредственно:

<i *ngIf="..." nz-icon nzType="caret-up" nzTheme="outline"></i>