angular условная html привязка

Question

Мне нужно условно добавить дополнительный html в качестве содержимого div. Пока что я сделал это так:

до:

<div *ngFor="let cell of cells" class="cell"
    [innerHTML]="cell.dataWithHtml"
></div>

после:

<div *ngFor="let cell of cells" class="cell">
    <img *ngIf="cell.isSpecial" src="whatever"/>
    <div class="this_div_should_not_exist" [innerHTML]="cell.dataWithHtml"></div>
</div>

Но это добавляет дополнительный div.

Как этот блок можно переписать без добавления дополнительного div?

Answer 1

Используйте outerHTML на div вы будете sh, чтобы исчезнуть / заменить - вы не можете использовать ng-container.

<div class="this_div_should_not_exist" [outerHTML]="cell.dataWithHtml"></div>