angular - 有没有机会在角度 ng2-fan-menu 中更改图标（从本地路径 img）

Question

我正在设置 ng2 风扇菜单，并希望支持更改图标，我在哪里更改 .ts 或 css。

我试过改变background-image : url("assets/images/logo1.png");但没有改变，它采用默认选项图标名称，即'icon': {'name': 'fas fa-headphones'}

`public wings = [
  {
      'title': 'option1',
      'color': '#D6D4D4',
      'icon': {'name': 'fas fa-headphones'}
  }, {
      'title': 'B',
      'color': '#D6D4D4',
      'icon': {'name': 'fas fa-desktop'}
  }, {
      'title': 'C',
      'color': '#D6D4D4',
      'icon': {'name': 'fas fa-mobile'}
  }, {
      'title': 'D',
      'color': '#D6D4D4',
      'icon': {'name': 'fas fa-stroopwafel'}
  }, {
    'title': 'E',
    'color': '#D6D4D4',
    'icon': {'name': 'fas fa-laptop'}
}, {
    'title': 'F',
    'color': '#D6D4D4',
    'icon': {'name': 'fa fa-laptop'}
}
];`

我预计我的本地资产/图像/logo1.png..etc 图像的图标会发生变化。

解决方案 `

<i class="{{wing.icon.name}}"
       #wingIconElm
       *ngIf="menuConfig.showIcons || menuConfig.onlyIcons"
       [ngStyle]="{
            'color': wing.icon.color || menuConfig.wingFontColor,
            'font-size': iconSize + 'px',
            'width': iconSize + 'px',
            'height': iconSize + 'px'
       }"></i>

Replaced with

<img src="{{wing.icon.name}}" class="{{wing.icon.name}}"
       #wingIconElm
       *ngIf="menuConfig.showIcons || menuConfig.onlyIcons"
       [ngStyle]="{
            'color': wing.icon.color || menuConfig.wingFontColor,
            'font-size': iconSize + 'px',
            'width': iconSize + 'px',
            'height': iconSize + 'px'
       }">

`

标签： angularsass