angular, primeng - p-overlayPanel 위치가 정상적이지 않을때

angular, primeng - p-overlayPanel 위치가 정상적이지 않을때

 

<div #overlayTarget>

    <button type="text" pButton label="Basic" (click)="op.toggle($event)"></button>

</div>
<p-overlayPanel #op [appendTo]="overlayTarget">
    <ng-template pTemplate>
        레이어 내용입니다.
    </ng-template>
</p-overlayPanel>

 

appendTo 속성에 타겟을 설정해 주면 된다.