以下是一个使用Angular指令实现鼠标悬停时动态更改图片背景的示例代码：

在HTML模板中：

在Angular组件中：

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

@Directive({
  selector: '[appImageHoverDirective]'
})
export class ImageHoverDirective {
  imageUrl: string;

  constructor(private el: ElementRef) {
    this.imageUrl = 'path/to/default/image.jpg'; // 默认图片路径
  }

  @HostListener('mouseenter') onMouseEnter() {
    this.changeBackground('path/to/hover/image.jpg'); // 鼠标进入时更改背景图片
  }

  @HostListener('mouseleave') onMouseLeave() {
    this.changeBackground('path/to/default/image.jpg'); // 鼠标离开时恢复默认背景图片
  }

  private changeBackground(imageUrl: string) {
    this.el.nativeElement.style.backgroundImage = `url("${imageUrl}")`;
  }
}

在上述示例中，我们创建了一个名为ImageHoverDirective的指令。该指令使用@HostListener装饰器监听宿主元素的mouseenter和mouseleave事件。当鼠标进入时，它会调用changeBackground方法来更改背景图片为悬停时的图片；当鼠标离开时，它会再次调用changeBackground方法将背景图片恢复为默认图片。

请注意，你需要根据实际情况替换path/to/default/image.jpg和path/to/hover/image.jpg为你自己的图片路径。