[英]ng-click not working in font-awesome icon
I have added my demo to: this link When I click on thumbs up (comes from fontawesome) ng-click does not trigger and like count does not change. 我已将我的演示添加到: 此链接当我点击竖起大拇指(来自fontawesome)时,ng-click不会触发,并且计数不会改变。 When I click to xyz, like count increases.
当我点击xyz时,就像计数增加一样。
This is not working: 这不起作用:
<i ng-click="LikeComment(comment)" class="far fa-thumbs-up"></i> {{comment.like}}
But this is working: 但这有效:
<i ng-click="LikeComment(comment)">xyz</i> {{comment.like}}
Try this: 尝试这个:
<span ng-click="LikeComment(comment)"><i class="far fa-thumbs-up"></i></span>{{comment.like}}
OR , in case you are ok with a button 或者 ,如果您对按钮没问题
<button ng-click="LikeComment(comment)"><i class="far fa-thumbs-up"></i></button>{{comment.like}}
Font awesome turns it into a <svg>
tag which doesn't seem to collaborate too well with the click handler. 字体真棒将它变成一个
<svg>
标签,它似乎与点击处理程序没有太好的协作。 Try wrapping the <i>
in a <div>
like this 尝试将
<i>
包装在像这样的<div>
https://jsfiddle.net/wewekvkw/26/ https://jsfiddle.net/wewekvkw/26/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.