如何动态更改 angular 中 PRIMNG 的 p-dialog 的 header

Question

我正在使用 primeng 对话框，想动态更改对话框的 header。

例如 - 如果用户打开“添加用户”，则将标题显示为“添加用户”，如果打开“编辑”，则将标题更改为“编辑用户”。

我试过使用插值作为 header = {{ formTitle }} 但它没有采用。因为 formTitle 是一个保存值的输入变量。我想在 header.

中设置这个变量

这是我们有一个 header 标签以包含动态文本的标签 -

<p-dialog header="Header" [(visible)]="displayBasic" [style]="{width: '50vw'}" [baseZIndex]="10000">

我应该用什么方法动态改变p-dialog的header？

Answer 1

使用 P-dialog 的嵌套内置元素 即

<p-dialog>
   <p-header> {{ formTitle }} </p-header>

   Body content ...
   <p-footer> Content ... </p-footer>
</p-dialog>

添加正文和页脚只是为了完整性目的。