AngularJS简单单击计数器不工作
我正在尝试构建一个计数器功能。我使用AngularJS和引导按钮组,我不确定冲突在哪里。下面是我的代码。有人能帮忙吗AngularJS简单单击计数器不工作,angularjs,counter,increment,buttongroup,Angularjs,Counter,Increment,Buttongroup,我正在尝试构建一个计数器功能。我使用AngularJS和引导按钮组,我不确定冲突在哪里。下面是我的代码。有人能帮忙吗 <!DOCTYPE html> <html> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs
<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<body>
<div ng-app="meetingDetail" ng-controller="meetingDetailCtrl">
<div class="col-md-12">
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-success btn-sm">
<input type="radio" name="radioSecondBy" ng-click = "yesCount = yesCount+1" id="vYes" autocomplete="off">Yes
</label>
<label class="btn btn-warning btn-sm">
<input type="radio" name="radioSecondBy" ng-click = "yesCount = yesCount+1" id="vNo" autocomplete="off"> No
</label>
<label class="btn btn-info btn-sm">
<input type="radio" name="radioSecondBy" ng-click = "yesCount = yesCount+1" id="vAbstain" autocomplete="off"> Abstain
</label>
</div>
{{yesCount}}
</div>
<script>
var app = angular.module('meetingDetail', []);
app.controller('meetingDetailCtrl', function($scope) {
$scope.yesCount= 0;
});
</script>
</body>
</html>
对
不
弃权
{{yesunt}}
var app=angular.module('meetingDetail',[]);
应用程序控制器('meetingDetailCtrl',函数($scope){
$scope.yescont=0;
});
单选按钮没有单击事件
将单击事件放在标签上而不是单选按钮上
像这样
<label ng-click = "yesCount = yesCount+1" class="btn btn-info btn-sm">
<input type="radio" name="radioSecondBy" id="vAbstain" autocomplete="off"> Abstain
</label>
弃权
对
不
弃权
{{yesunt}}
var app=angular.module('meetingDetail',[]);
应用程序控制器('meetingDetailCtrl',函数($scope){
$scope.yescont=0;
});
ng单击单选按钮不起作用。您可以使用ng change或观察变量
1) 零钱
<input type="radio" name="radioSecondBy" ng-change= "yesCount = yesCount+1" id="vYes" autocomplete="off">Yes
是否存在类似问题您在控制台中是否遇到任何错误?您不能使用ng click in Tag I'm Get undefined for the variablechange
ng chaneg
tong change
$scope.$watch('yesCount', function(value) {
$scope.yesCount = $scope.yesCount + 1;
});