Пользовательская директива и [ngclass] на одном элементе не работают ⇐ CSS

[Anonymous]

У меня есть пользовательская директива, которая ставит класс, когда мышь зависает элемент: < /p>

Код: Выделить всё

@Directive({
selector: '[hover-class]'
})
export class HoverClassDirective {

@Input('hover-class') hoverClass: any;

constructor(public elementRef: ElementRef) { }

@HostListener('mouseenter') onMouseEnter() {
this.elementRef.nativeElement.classList.add(this.hoverClass);
}

@HostListener('mouseleave') onMouseLeave() {
this.elementRef.nativeElement.classList.remove(this.hoverClass);
}
}
< /code>
И я могу поместить его на элемент (обычно div), он работает нормально. < /p>
На конкретном Div у меня есть [ngclass ], который устанавливает класс в каком -то состоянии. Это также работает нормально.

Что мне здесь не хватает?
Спасибо

Подробнее здесь: https://stackoverflow.com/questions/793 ... s-not-work