如何在Angular4中的Priming中在对话框组件的标题中制作按钮

我想在Priming对话框窗口的标题中放置一个按钮。代码的链接是

要求是在顶部标题的右侧添加两个按钮（带有图像或任何图标，如计算器和问号），这些按钮应调用方法abc（）

代码如下所示：-

model.component.html
---------------------
//这里有两个按钮btn1和btn2（带图标），位于“fa fa fw fa close”图标旁边。
史托尔

hghk
领导
model.component.ts
---------------------
显示=假；
showDialog（）{
this.display=true；
}

您需要使用p-dialog的p-header属性，如下所示：

<p-dialog [(visible)]="display" modal="modal" draggable="true" dismissableMask="true" positionTop="50" padding="0px" width="1200" height="350" [responsive]="true">
    <p-header>
        top header title pass here
        <button type="button" pButton icon="fa-calculator" (click)="abc()"></button>
        <button type="button" pButton icon="fa-question" (click)="abc()"></button>
    </p-header>

    <p>The stor.</p>

    <p-footer>
        <button type="button" pButton icon="fa-check" (click)="display=false" label="Yes">hghk</button>
    </p-footer>
</p-dialog>

头球头球传在这里
史托尔

hghk

然后，您应该能够添加将按钮浮动到标题右侧的css。

使用

标记：

<p-dialog [(visible)]="display">
    <p-header>
        Header content here <button type="button" (click)="headerBtn()" pButton icon="fa fa-address-book" label="header"></button>
    </p-header>

    Modal Content

    <p-footer>
        <button type="button" pButton icon="fa-check" label="Yes"></button>
    </p-footer>
</p-dialog>

<button type="button" pButton label="modal" (click)="displayDialog()"></button>

标题内容在这里
模态内容

---

我演示了如何在模式标题中添加按钮：

对不起，它不起作用。我可以直接在“fa关闭”图标旁边放置两个按钮吗？

<p-dialog [(visible)]="display">
    <p-header>
        Header content here <button type="button" (click)="headerBtn()" pButton icon="fa fa-address-book" label="header"></button>
    </p-header>

    Modal Content

    <p-footer>
        <button type="button" pButton icon="fa-check" label="Yes"></button>
    </p-footer>
</p-dialog>

<button type="button" pButton label="modal" (click)="displayDialog()"></button>