angularJs ng-click ne fonctionne pas à l'intérieur de la fonction ng-if

Question

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

Je ne sais pas pourquoi le ng-click ne fonctionne pas lorsqu'il s'affiche. Quelqu'un peut-il me conseiller ? Merci.

Answer 1

Angular a sa propre règle "Dot".

Si vous gardez la quantité stockée dans la portée du contrôleur, vous pouvez essayer ceci à l'intérieur du contrôleur :

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

et html

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

Answer 2

Essayez ceci, ça va marcher :

<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;
});

Violon de travail : http://jsfiddle.net/Lvc0u55v/8856/