Есть ли шанс для изменения иконки (из локального пути img) в угловом ng2-fan-menu - PullRequest
0 голосов
/ 28 декабря 2018

Я настраиваю фан-меню 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'}
}
];`

Я ожидал изменения значка с моими локальными активами / images / logo1.png..etc images.

Решение `

<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'
       }">

`

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...