带样式的 PrimeNg p 菜单图像

问题描述

我们要求在菜单下方显示用户个人资料图片和姓名。我正在使用来自 PrimeNg 的 Angular 12，p-menu，它允许您使用 escape:false

将 html 指定为标签

（PrimeNg 参考：https://primefaces.org/primeng/showcase/#/menumodel）

<p-menu #menu [model]="userMenu" [popup]="true"></p-menu>

它正在显示图像和内容，但没有选择样式。

尝试过：

1. 样式标签
2. 类标签
3. 指定 ID 但未选择

实际输出：

预期输出：

解决方法

解决方案对我有用：

<p-menu #menu styleClass="user-menu" [model]="userMenu" [popup]="true"></p-menu>

CSS：