以下是一个Angular解决方案的示例，通过鼠标悬停在图像上显示一个按钮，并使用*ngFor循环来显示多个图像：

HTML模板：

  
  按钮

组件代码：

import { Component } from '@angular/core';

@Component({
  selector: 'app-image-list',
  templateUrl: './image-list.component.html',
  styleUrls: ['./image-list.component.css']
})
export class ImageListComponent {
  images = [
    { url: 'image1.jpg', description: '图像1' },
    { url: 'image2.jpg', description: '图像2' },
    { url: 'image3.jpg', description: '图像3' }
  ];
  showButton = false;

  onClick(image: any) {
    console.log('点击了图像按钮：', image);
    // 这里可以添加处理点击按钮的逻辑
  }
}

在这个示例中，*ngFor指令用于循环遍历images数组，并为每个图像显示一个元素。当鼠标悬停在图像上时，mouseover事件被触发，将showButton属性设置为true，显示按钮。当鼠标离开图像时，mouseleave事件被触发，将showButton属性设置为false，隐藏按钮。

按钮的点击事件通过onClick()方法处理，你可以在此方法中添加任何你需要执行的逻辑。