primeng - PrimeNG:DynamicDialog 的自定义标题
问题描述
有没有办法为动态对话框定义自定义标题模板?
对于普通对话框,您可以使用自定义 html 代码定义 p-header 标记。
但我没有找到任何方法来为动态对话执行此操作。
解决方案
PrimeNG 文档中没有提到将自定义模板添加到 DynamicDialog 标头的官方方法。当我们打开一个 DynamicDialog 时,我们只附加一个对话框的主体,而不是页眉/页脚。
您可以在打开 DynamicDialog 时为其添加动态标题。希望这会有所帮助。
const ref = this.dialogService.open(DialogComponent, {
data: this.data,
header: this.title,
width: '60%'
});
您可以修改 DynamicDialog 标头的 css,例如:
::ng-deep .p-dialog .p-dialog-header {
border-bottom: 1px solid #000;
}
重要提示:您可以在 PrimeNG 中使用简单的对话框,您可以在其中创建自定义页眉、正文和页脚。它将像 DynamicDialog 一样工作。请务必提及 modal=true 如下所示:
<p-dialog [(visible)]="display" [modal]="true">
<p-header>
Header content here
</p-header>
Content
<p-footer>
//buttons
</p-footer>
推荐阅读
- python - 什么是数据类型 LOB 的列不能是唯一的或主键错误?
- python - 如何从 django 获取所有当前会话?
- java - 添加到请求 DTO 时收到 415 错误消息
- azure-devops - 仅允许特定 AD 组下的用户批准 Azure DevOps 上的拉取请求
- python - 当我尝试加入/合并/定位时,熊猫与初始索引不匹配
- python - 如何使用 OpenCV 将文件保存在正确编号的目录中
- neural-network - 在神经网络中,隐藏的加权输入和偏置的形状可以不同吗?
- hadoop - Hadoop:如何从外部 IP 访问 HDFS?
- python - LabelEncoder 用于分类特征?
- phpmyadmin - 升级后的 OSX XAMPP 数据库错误