angularJs ng-click is not working inside the ng-if function

Question

<div ng-if="quantity > 0">
 <button ng-click="quantity = quantity-1">-</button>
</div>

Above is my code. i dont know why the ng-click doesnt work when it shows up. anyone can give me advise? thanks.

please provide your ngController code where you assign $scope.quantity. — gaurav bhavsar
– gaurav bhavsar, Commented Aug 29, 2016 at 11:37
check the answer with the working fiddle.I hope it is as per expectation. — Rohìt Jíndal
– Rohìt Jíndal, Commented Aug 29, 2016 at 11:45

Rohìt Jíndal · Accepted Answer · 2016-08-29 20:13:33Z

1

Try this it will work :

<div ng-controller="MyCtrl">
  <div ng-show="quantity > 0">
    <button ng-click="quantity = quantity-1">-</button>
    <p>{{quantity}}</p>
  </div>
</div>

app.controller('MyCtrl', function($scope) {
  $scope.quantity = 6;
});

Working fiddle : http://jsfiddle.net/Lvc0u55v/8856/

edited Aug 29, 2016 at 20:13

answered Aug 29, 2016 at 11:42

Rohìt Jíndal

27.4k16 gold badges80 silver badges133 bronze badges

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

Comments

inubs · Accepted Answer · 2016-08-29 11:39:55Z

1

Angular has its own "Dot" rule.

If you keep the quantity stored in controller scope, you might try this inside controller:

$scope.myvar = {
    quantity: 2,
    decrease: function() {
        this.quantity--;
    }
}

and html

<div ng-if="myvar.quantity > 0">
 <button ng-click="myvar.decrease()">-</button>
</div>

answered Aug 29, 2016 at 11:39

inubs

5192 silver badges17 bronze badges

Collectives™ on Stack Overflow

angularJs ng-click is not working inside the ng-if function

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related