Угловой динамический контент с использованием transclusion не работает при применении условия

Question

Я хочу включить динамический контент в зависимости от условия.пожалуйста, смотрите ниже мой код:

<app-kvp-dashboard-side-placement
    *ngIf="placementPosition 
    && getPlacementPosition() === 'horizontal';"                                      
    [placementPosition]="placementPosition?.name">
        <ng-content></ng-content>
</app-kvp-dashboard-side-placement>

<div *ngIf="placementPosition && getPlacementPosition() === 'vertical';">
    <app-kvp-dashboard-vert-placement [placementPosition]="placementPosition?.name">
        <ng-content></ng-content>
    </app-kvp-dashboard-vert-placement>
</div>

Когда я закомментирую нижеприведенный блок div, то вышеупомянутый блок работает нормально.но когда у меня есть блок ниже без комментариев, динамическое содержимое не появляется.

Может кто-нибудь помочь с этим?

Спасибо