如何使用角度更改鼠标输入的文本颜色

Question

我是编程的新手。 我已经尝试过此代码，但是@hostlistner部分无法正常工作，我使用了Bootstrap版本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在 。 希望你明白了。:)

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

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

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


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

          }

Answer 2

你的代码是正确的，只是用了mouseenter取代OnMouseEnter在

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