prime ng 侧边栏组件 header 内容未显示

Question

Trying to add header in prime ng sidebar component but its not working

<p-sidebar [(visible)]="visibleSidebar1">
   
  <ng-template p-Template="header">
    <p>"Header"</p>
  </ng-template>
My content goes here
</p-sidebar>

Answer 1

Try using pTemplate="header" instead of p-Template="header"

Answer 2

in shared component i tried this and seems to be working {{Header}}

<p-sidebar [(visible)]="visibleSidebar1"><app-shared-component></app-shared-component></p-sidebar>