使用Angular </i>使<i>标签可点击

Question

我使用语义UI来设计我的html5应用程序。我添加了一个facebook分享按钮，如下所示：

<i ng-click="postToFacebook(competitor.title, competitor.votes)" class="icon facebook"></i>

但是当我将鼠标悬停在图标上时，光标不会变为通常出现在可点击链接上的手形光标。

我尝试用锚标记包装它：

<a><i ng-click="postToFacebook(competitor.title, competitor.votes)" class="icon facebook"></i></a>

但它只是使图标完全消失。

Answer 1

您可以将图标包装在<a>中，只需指定href属性即可使其看起来像一个链接（在href中放置任何无效的内容）：

<a href="javascript:"><i ng-click="postToFacebook(competitor.title, competitor.votes)" class="icon facebook"></i></a>

Answer 2

关注@SergiuParaschiv对问题的评论我添加了一个带有

的CSS

cursor: pointer;

它有效。