角度自定义输入号码不起作用

Question

我真的不明白是什么在此代码的问题：

app.directive('counter', function() { 
       return { 
        restrict: 'A', 
        scope:{}, 
        template:'<div class="item-counter"><input type="text" data-ng-model="qnt"><span class="glyphicon glyphicon-chevron-up" data-ng-click="increment()"><span class="glyphicon glyphicon-chevron-down" data-ng-click="decrement()"></span><button type="button" class="btn btn-success">Aggiungi</button></div>', 
        controller: function($scope) { 
         $scope.qnt = 1; 
         $scope.increment = function() { 
          $scope.qnt++; 
         }; 
         $scope.decrement = function() { 
          console.log($scope.qnt > 1); 
          if ($scope.qnt > 1) { 
           $scope.qnt--; 
          } 
          console.log($scope.qnt); 
         }; 
        }, 
        link: function(scope, element, attrs) { 

        } 

       }; 
      }); 

增量工程递减不起作用。 有什么问题？

http://plnkr.co/edit/BdFHpnrJnG4DFjTkmuZ0?p=preview

Answer 1

你没有过的增量跨任何结束标记。因此，当递减代码正在执行时，递增代码也在执行中，从而使递减无效。

template:'<div class="item-counter"><input type="text" data-ng-model="qnt"><span class="glyphicon glyphicon-chevron-up" data-ng-click="increment()"></span><span class="glyphicon glyphicon-chevron-down" data-ng-click="decrement()"></span><button type="button" class="btn btn-success">Aggiungi</button></div>', 

更新花掉here