Angularjs的记分计数器不起作用

angularjs score counter not working

本文关键字：计数器 不起作用 Angularjs      更新时间：2023-09-26

请看这个。

http://plnkr.co/edit/i4B0Q2ZGiuMlogvwujpg?p =

预览
<input type="radio" name="op_0" ng-value="true" ng-model="n1"> True
<input type="radio" name="op_0" ng-value="false" ng-model="n2"> False
<input type="radio" name="op_0" ng-value="true" ng-model="n3"> True
<input type="radio" name="op_0" ng-value="false" ng-model="n4"> False

为什么用一次点击选择两个单选按钮?为什么分数值没有增加或减少?

要使所有的单选按钮在同一组中，它们都应该具有相同的名称。它的值在每一个中应该是不同的。如果它们没有相同的名称，选择其中一个不会导致其他的取消选择。

app.controller('aCtrl', function($scope) {
  $scope.s = 0;
  $scope.updateScore = function(val){
    if(val == 'true'){
      $scope.s += 1;
    }
    if(val == 'false'){
      $scope.s += -0.5;
    }
  }
});
 <div class="col-md-5 col-xs-8">
        <input type="radio" ng-click="updateScore('true')" name="op_0" ng-value="true" ng-model="n1"> True
        <input type="radio" ng-click="updateScore('false')" name="op_0" ng-value="false" ng-model="n2"> False
        <input type="radio" ng-click="updateScore('true')" name="op_0" ng-value="true" ng-model="n3"> True
        <input type="radio" ng-click="updateScore('false')" name="op_0" ng-value="false" ng-model="n4"> False
      </div>
相关文章：