以下是一个使用Angular的解决方法，可以在列表中的一个元素上触发mouseover和mouseout事件。

HTML模板：

  
{{ item.name }}

组件代码：

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

@Component({
  selector: 'app-list',
  templateUrl: './list.component.html',
  styleUrls: ['./list.component.css']
})
export class ListComponent {
  items = [
    { name: 'Item 1', isHovered: false },
    { name: 'Item 2', isHovered: false },
    { name: 'Item 3', isHovered: false }
  ];

  onMouseOver(item) {
    item.isHovered = true;
  }

  onMouseOut(item) {
    item.isHovered = false;
  }
}

CSS样式：

.highlight {
  background-color: yellow;
}

在这个示例中，我们使用ngFor指令在一个ul元素中循环遍历items数组，并为每个li元素绑定了mouseover和mouseout事件。当鼠标移入li元素时，会调用onMouseOver方法，并将对应的item对象作为参数传递。在方法中，我们将item对象的isHovered属性设置为true。当鼠标移出li元素时，会调用onMouseOut方法，并将对应的item对象作为参数传递。在方法中，我们将item对象的isHovered属性设置为false。

在模板中，我们使用ngClass指令根据item.isHovered属性的值来动态添加或移除highlight类。这样，当item.isHovered为true时，li元素将具有highlight类，从而改变其背景颜色。

请注意，这只是一种解决方法，您可以根据自己的需求进行修改和调整。