可以使用Angular中的指令来实现改变元素颜色的功能。以下代码示例展示了如何编写可以在button元素上触发的指令，以更改背景颜色：

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

@Directive({
  selector: '[changeColor]'
})
export class ChangeColorDirective {

  constructor(private el: ElementRef) { }

  @HostListener('mouseenter') onMouseEnter() {
    this.changeBackground('#333');
  }

  @HostListener('mouseleave') onMouseLeave() {
    this.changeBackground(null);
  }

  private changeBackground(color: string) {
    this.el.nativeElement.style.backgroundColor = color;
  }

}

将指令应用到HTML文件中的Button元素上：

Hover over me