将html标记与对象绑定的最佳方法

Question

假设我有以下img标签：

<img *ngFor="let icon of icons" [src]="item.imageSrc">

图标是Icon对象的数组：

export class Icon {
    name;
    imageSrc;
    description;
}

我需要处理这个img标签元素的事件，我想在事件中也看到对象图标。我有一些想法 - 例如只是创建组件，或按名称过滤列表，这是一个独特的改变一点点html代码：

<img *ngFor="let item of icons" [src]="item.imageSrc" [name]="item.name" >

但是我觉得这不是解决这个问题的正确方法。我可以给img标签一个属性来存储这个对象吗？