PrimeNG ng-template content not showing

I am using PrimeNG 10 and trying out a p-menubar

Here is the code:

<p-menubar [model]="items">
  <ng-template pTemplate="start">
      <img src="https://www.primefaces.org/wp-content/uploads/fbrfg/favicon-32x32.png" height="40" class="p-mr-2">
  </ng-template>
  <ng-template pTemplate="end">
      <input type="text" pInputText placeholder="Search">
  </ng-template>
</p-menubar>

For some reason nothing wrapped in the ng-template are appearing.

How can I fix this?

Source: Angular Questions