Angular 15中p-messages静态内容无法显示问题求助

• 确认模块导入
  确保组件所属的Angular模块中已导入MessagesModule，示例代码：

  import { MessagesModule } from 'primeng/messages';
  
  @NgModule({
    imports: [
      // 其他依赖模块
      MessagesModule
    ]
  })
  export class YourModule { }
  

• 检查静态消息的绑定逻辑
  静态消息需通过value属性绑定符合Message类型的数组：

  1. 组件类中定义消息数组：

     import { Message } from 'primeng/api';
     
     export class YourComponent {
       staticMessages: Message[] = [
         { severity: 'info', summary: '静态提示', detail: '这是一条测试静态消息' }
       ];
     }
     

  2. 模板中正确绑定：

     <p-messages [value]="staticMessages"></p-messages>
     

• 验证消息数组的初始化时机
  p-messages仅在value数组非空时才会渲染到DOM，确认组件初始化时staticMessages已被正确赋值，未被后续逻辑意外清空。

• 排查样式冲突
  通过浏览器开发者工具检查p-messages元素是否存在但被样式隐藏（比如display: none），排查全局样式或自定义样式的影响。

内容的提问来源于stack exchange，提问作者Api