ng-click无法使用font-awesome图标

Question

我已将我的演示添加到： 此链接当我点击竖起大拇指（来自fontawesome）时，ng-click不会触发，并且计数不会改变。 当我点击xyz时，就像计数增加一样。

这不起作用：

<i ng-click="LikeComment(comment)" class="far fa-thumbs-up"></i> {{comment.like}} 

但这有效：

<i ng-click="LikeComment(comment)">xyz</i> {{comment.like}}

Answer 1

尝试这个：

<span ng-click="LikeComment(comment)"><i class="far fa-thumbs-up"></i></span>{{comment.like}}

或者 ，如果您对按钮没问题

<button ng-click="LikeComment(comment)"><i class="far fa-thumbs-up"></i></button>{{comment.like}}

Answer 2

字体真棒将它变成一个<svg>标签，它似乎与点击处理程序没有太好的协作。 尝试将<i>包装在像这样的<div>

https://jsfiddle.net/wewekvkw/26/