如何使用Angular 2更正元素列表中的显示按钮

我有一个包含一些元素列表的页面。如果鼠标在某个元素上，我想在每个元素附近显示“复制”按钮。 我想到了一些变体： 1） 将按钮添加到所有元素，隐藏它并在鼠标悬停时显示（元素：悬停） 2） 将侦听器添加到每个元素，并在鼠标结束时创建按钮 3） 为其创建自定义结构指令

---

一个页面上有很多元素（~3000），我想使用最优化的方法。有人能帮忙吗？

我尝试在所有元素中添加隐藏按钮，并在鼠标悬停时显示-效果不好。 然后，我尝试在鼠标结束后在html中添加按钮，但效果也不好。 真实方式： 滚动后生成包含元素的列表，向生成的元素添加隐藏按钮，并向列表中的搜索数据添加搜索字段。 看到这个问题了吗

---

请参阅创建生成器

我将使用最简单的方法，并查看它是否会导致任何性能问题。如果不行，你就完了。如果是这样，那就开始担心。