как изменить цвет текста при вводе мышью с помощью угловых

Question

Я новичок в программировании.Я пробовал этот код, но часть @hostlistner не работает. Я использовал версию начальной загрузки 4

. Это также не дает никакой ошибки компиляции.

 element.nativeElement.style.color = 'red' 

это утверждение работает, но

 this.element.nativeElement.style.color = 'blue';

этот не

      import { Directive, ElementRef, HostListener } from '@angular/core';

         @Directive({
          selector: '[setmycolor]'
           })
          export class SetmycolorDirective {

          constructor(private element:ElementRef) {
          element.nativeElement.style.color = 'red';
          }


          @HostListener('onmouseenter')onMouseEnter(){
          this.element.nativeElement.style.color = 'blue';
          }

          }

код в приложении

Answer 1

Попробуйте ниже:

Имя события прослушивания: mouseenter , а не onmouseenter .Надеюсь, вы это поняли.

Answer 2

Ваш код правильный, просто замените onmouseenter на mouseenter

@HostListener('mouseenter') onMouseEnter(){
          this.element.nativeElement.style.color = 'blue';
          }