AngularJS：基於鼠標事件

Question

這裏顯示隱藏的元素就是一個例子 - http://plnkr.co/edit/iwvjJcUurUW2AvkDArfz?p=preview

我想刪除按鈕顯示，只有當鼠標懸停在該行，並執行一些功能刪除（名稱），通過將名稱

我該如何做到這一點？

P.S我是新來的角世界

Answer 1

這可以用CSS來迅速解決，沒有必要把JS或角。 只是使用基本的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> 

這是在許多情況下更好，因爲當使用可見性：隱藏時，該元素仍然存在，但只是不可見，所以即使未顯示也會佔用空間。這就是爲什麼表格和單元格在懸停在行上時不會更改大小的原因。