How to use Angular ng-click function to only add 1

Question

I have this function in my Angular controller but I only want the user to be able to add 1 heart, and if they click again, it would remove the heart. How can this be accomplished?

$scope.activeClass = false;

$scope.addHeart = function(post){

    post.hearts += 1;

    $scope.activeClass = !$scope.activeClass;

};

Pankaj Badukale · Accepted Answer · 2017-01-16 07:53:33Z

1

Try this:

$scope.activeClass = false;

$scope.addHeart = function(post){

    $scope.activeClass ? post.hearts += 1 : post.hearts -= 1;

    $scope.activeClass = !$scope.activeClass;

};

answered Jan 16, 2017 at 7:53

Pankaj Badukale

2,0643 gold badges19 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Elias Ghosn Over a year ago

Perfect! I was trying all kinds of crazy if/else statements but now looking at this I fee like an idiot.

Collectives™ on Stack Overflow

How to use Angular ng-click function to only add 1

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related