計算值

Question

我試圖創建一個輸入框有兩個按鈕，這將是1

一切工作正常輸入字段中添加和分散號碼，但是當我嘗試直接換號輸入欄，按鈕停止工作

function Ctrl($scope) { 
 
    $scope.Score1 = 0; 
 

 
    $scope.$watch('Score1', function (newVal) { 
 
    $scope.Score1 = newVal; 
 
    console.log(newVal); 
 
    }); 
 

 
    $scope.add_btn = function() { 
 
    $scope.Score1 ++; 
 
    }; 
 

 
    $scope.dist_btn = function() { 
 
    if ($scope.Score1 > 0) { 
 
     $scope.Score1 --; 
 
    } else { 
 
     $scope.Score1 = 0; 
 
    } 
 
    }; 
 
}

</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> 
 
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css"> 
 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script> 
 
<style>

<div ng-app> 
 
<div ng-controller="Ctrl"> 
 
      <button ng-click="add_btn()">+</button> 
 
       <input type="text" value="{{Score1}}"> 
 
      <button ng-click="dist_btn()">-</button> 
 
</div> 
 
</div>

的jsfiddle： http://jsfiddle.net/g9opLkce/

Answer 1

使用ng-model來綁定輸入（demo）：

<input type="text" ng-model="Score1">