如何使图标仅在悬停在 angular 10 时可见

Question

我刚刚开始研究 Angular，目前我还不了解大部分概念。

我必须让图标只有在悬停时才可见。 怎么办啊，求大神帮忙。

抱歉，由于公司政策，我无法提供代码

图标用于排序，目前排序功能正常。

悬停时必须使这些图标可见。

请帮忙

Answer 1

恕我直言，这不是 Angular 问题。我会用普通的 CSS.

来处理这个

假设您不想在图标出现时移动内容，我会用 opacity: 0

隐藏它

然后当用户悬停它时，设置opacity: 1

HTML :

<div>
  <span id="iconContainer">☺</span>
  Blabla
</div>

CSS :

#iconContainer {
  opacity: 0;
}

#iconContainer:hover {
  opacity: 1;
}