点击计数器Angular Js上的动态更新值

时间:2016-11-17 11:30:58

标签: angularjs ionic-framework

我创建了一个帖子页面,我希望更新点击喜欢或不喜欢的值。我为此创建了一个小提琴

Fiddle:- [https://jsfiddle.net/anujsphinx/k017gsz8/][1]

。当我点击喜欢然后喜欢计数器会增加,当我点击不喜欢然后不喜欢计数器会增加。

1 个答案:

答案 0 :(得分:2)

您需要添加和删除两个功能,

<强> HTML:

 <div class="post" ng-repeat="post in posts">
      <h3>{{post.title}}</h3>
      <a href="#" ng-click="add(post)">like</a> ({{post.like}})
      <a href="#" ng-click="remove(post)">Dislike</a> ({{post.dislike}})
    </div>

<强>控制器:

 $scope.add = function(post) {
    post.like +=1;

  }
  $scope.remove = function(post) {
    post.dislike +=1;
  }

<强> DEMO