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