A interface do VSCode me mostrou que a classe Renderer
está obsoleta, aí fiz o cógido importando a Renderer2
.
Funcionou direitinho, só tive que adaptar para o método setStyle
.
export class DarkenOnHoverDirective {
@Input() brightness:string = '70';
constructor(private el: ElementRef,
private render: Renderer2) {}
@HostListener('mouseover')
darkenOn() {
this.render.setStyle(this.el.nativeElement, 'filter', `brightness(${this.brightness}%)`);
}
@HostListener('mouseleave')
darkenOff() {
this.render.setStyle(this.el.nativeElement, 'filter', 'brightness(100%)');
}
}