javascript - 防止多次点击喜欢/不喜欢 <div> Angular

Question

html代码:

<div ng-controller="reviewsController as revCtrl ">
 <div ng-repeat="review in revCtrl.proreviews>
     <div ng-init="revCtrl.checklikereview(review)"> LIKE
         <div ng-if="review.likestats" ng-href="#" ng-click="revCtrl.removelikereview(review._id)"  class="glyphicon glyphicon-star ">
         </div>
         <div ng-if="!review.likestats" ng-href="#" ng-click="revCtrl.addlikereview(review._id)"  class="glyphicon glyphicon-star-empty ">
         </div> 
         <span ng-bind="review.numoflikes"></span> 
    </div>
    <div ng-init="revCtrl.checkdislikereview(review)"> DISLIKE 
        <div ng-if="review.dislikestats" ng-href="#" ng-click="revCtrl.removedislikereview(review._id)" class="glyphicon glyphicon-star ">
        </div>
        <div ng-if="!review.dislikestats" ng-href="#" ng-click="revCtrl.adddislikereview(review._id)" class="glyphicon glyphicon-star-empty ">
        </div> 
        <span ng-bind="review.numofdislikes"></span> 
     </div>
</div>

出现的问题是用户可以多次点击 div，这会增加 2 个或更多的喜欢/不喜欢

如何禁用它？

Answer 1

您可以使用两个不同的 div，一个用于验证，另一个用于调用函数 在一个 div 中你可以这样使用

ng-if="review.likestats" ng-href="#" 

在那个div里面你可以放另一个调用函数

ng-click="revCtrl.removelikereview(review._id)";