Dynamic dialog Footer template not working

[SharmaHarsh7]

Describe the bug

I have written below code in my dynamic dialog component, where I want to add two buttons at the bottom of the dialog.

But it appears that primeng is not reading the footer template and not rendering the footer in dialog:

My dynamic dialog content goes here.

<ng-template pTemplate="footer" #footer>
  <p-button pRipple label="Save" class=" p-button-rounded" icon="pi pi-save" (onClick)="close()"></p-button>
  <p-button pRipple label="Cancel" icon="pi pi-times" severity="secondary" (onClick)="close()"></p-button>
</ng-template>

Environment

dev

Reproducer

No response

Angular version

18.1.0

PrimeNG version

17.18.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.17.0

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response