将单选按钮值绑定到控制器(使用angularjs 1.5)

时间:2016-04-10 11:17:57

标签: javascript angularjs

我在向控制器发送单选按钮值时遇到问题,这是我的html:

<input class="i-radio" name="_rate"  ng-model="rate"  ng-value="'-100'" type="radio" />-5 star (-100)</label>

<button class="btn btn-primary col-sm-offset-4" type="submit" ng-click="evaluation(rate)">Evaluez</button>

我的控制员:

 $scope.evaluation = function(rate){
    console.log(rate);
}

我的问题是rate.value总是未定义

2 个答案:

答案 0 :(得分:1)

我弄清楚我的错误是在我的html中,类i-radio以某种方式阻止了单选按钮的检查

答案 1 :(得分:0)

一切都好,只是你没有指定我认为的任何控制器,试试我为你写的代码:

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<script>
var app = angular.module("angApp", []);
app.controller("angCtrl", function($scope) {
 $scope.evaluation = function(rate){
    console.log(rate);
}
});

</script>
<div ng-app="angApp" ng-controller="angCtrl">

<input class="i-radio" name="_rate"  ng-model="rate"  ng-value="'-100'" type="radio" />-5 star (-100)</label>

<button class="btn btn-primary col-sm-offset-4" type="submit" ng-click="evaluation(rate)">Evaluez</button>

</div>

</body>
</html>

希望帮助你---