typescript - 无法将断言文件夹中的自定义图标设置为微前端中的 p-menuitem-icon？

Question

我正在尝试将自定义图标从 css 设置为 p-menuitem 图标，但无法获取它。

我在 scss 文件中编写的代码

.icon-addMember {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("src/app/assets/images/image/addmember.svg") no-repeat 100% 100% !important;
  background-size: contain;
}

在打字稿中

 private generatePopupMenu(): void {
    this.addMemberPopup = [
      {
        label: '',
        items: [
          {
            label:this.addMemberLabel,
            icon: 'icon-addMember',
            style: { 'background-image': `url(${assetUrl('images/addmember.svg')}`, 'background-position': '10% 50%', 'background-repeat': 'no-repeat' },
            command: () => {
              this.popUpTitle = this.addMemberLabel;
              this.templateName = this.addMemberContent;
            }
          },          
        ],
      },
    ]
  }

如果我尝试在 p-menuitem-icon 中添加 icon-addmember 它不起作用？

请任何帮助或建议都会非常有帮助...在此先感谢。

标签： typescriptsassmicro-frontendsingle-spa-angular