angularjs - AngularJS：根据鼠标事件显示隐藏元素

Question

这是一个例子 - http://plnkr.co/edit/iwvjJcUurUW2AvkDArfz?p=preview

我希望仅当鼠标悬停在行上并通过传递名称执行某些功能 delete(name) 时才显示删除按钮

我怎样才能做到这一点？

PS我是Angular世界的新手

Answer 1

这可以通过 CSS 快速解决，无需带 JS 或 Angular。在我看来，仅使用基本的 CSS 会是更好的解决方案。将以下内容添加到您的样式表中：

 <style>
   tr i.icon-minus-sign { display: none; }
   tr:hover i.icon-minus-sign { display: block; };
 </style>

Answer 2

安德烈斯的回答很好，但我认为许多偶然发现此页面的人会欣赏这种变化：

 <style>
   tr i.icon-minus-sign { visibility: hidden; }
   tr:hover i.icon-minus-sign { visibility: visible; };
 </style>

这在许多情况下会更好，因为当使用可见性：隐藏时，元素仍然存在但只是不可见，因此即使不显示它也会占用空间。这就是为什么表格和单元格在悬停在行上时不会改变大小的原因。