隐藏和显示n-repeat指令中的元素

Question

我有像这样的HTML

 div(class="item-detail-attachment-line", ng-repeat="attachment in attachments")
     span {{ attachment.Filename }}
     span
         a(href="", ng-click="deleteAttachment(attachment)") Delete

仅当用户将鼠标悬停在相应的Delete元素上时，我才需要显示DIV链接。

最好的方法是什么？

我可以使用ng-mouseover在控制器中设置数组变量，ng-show使用控制器中的这个变量显示链接。

但是如果没有使用控制器，可能会有更好的方法吗？

Answer 1

你可以通过使用这样的css来实现这一点。

.item-detail-attachment-line a {
  display:none;
}

.item-detail-attachment-line:hover  a {
  display: block;
}