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/