【问题标题】:PrimeNG: MenuItem icon from asset folder not showingPrimeNG:资产文件夹中的 MenuItem 图标未显示
【发布时间】:2020-11-22 14:52:41
【问题描述】:

我从资产文件夹中为 PrimeNG MenuItem 添加了图标,如下所示,但它没有显示。

    this.menu = [
        {
            label: 'Dashboard',
            icon: 'dashboard-icon'
        }
    ]

在css中,

.dashboard-icon { background-image: url("./assets/icons/dashboard.svg"); }

我错过了什么,或者正确的方法是什么?

【问题讨论】:

    标签: angular primeng


    【解决方案1】:

    图标类设置在角度组件的深处。因此,要设置自己的类,您必须使用ng-deep。所以这应该可以解决您的问题:

    :host ::ng-deep .dashboard-icon { background-image: url("./assets/icons/dashboard.svg"); }
    

    【讨论】:

    • 仍然没有显示图标,你认为我错过了这一行的任何前缀吗?图标:“仪表板图标”
    • 如果您只在<i>span 中显示您的图标,您能看到它吗?您可能还需要添加一个类/样式来设置高度等
    猜你喜欢
    • 2019-02-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-04-11
    • 1970-01-01
    • 1970-01-01
    • 2021-10-15
    相关资源
    最近更新 更多