建站动态

根据您的个性需求进行定制先人一步抢占小程序红利时代

怎么在angularjs中使用ng-repeat实现单选框

本篇文章为大家展示了怎么在angularjs中使用ng-repeat实现单选框，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

成都创新互联是一家专注于成都网站建设、网站建设与策划设计,虹口网站建设哪家好?成都创新互联做网站,专注于网站建设十余年,网设计领域的专业建站公司;建站业务涵盖:虹口等地区。虹口做网站价格咨询:18980820575

前台代码如下：


 
 
 
 
 
 
 
 
 
 
 
 
A   B   C   D

提交

注意到在一组radio中，使用的ng-model是一样的，原理与name类似，ng-model的值与js的数组直接绑定(通过$index来确定具体绑定到哪个 )。

js代码如下：

app.controller('QuestionSettingCtrl',function($scope, $http){
 $scope.answer = new Array(30);
 $http({
 url :　"/getexamquestions",
 method : "post",
 params : {
 'account' : 30
 }
 }).success(function(res){
 $scope.items=res;
 });
 
 $scope.submit = function(){
 $http({
 url :　"/submitanswer",
 method : "post",
 params : {
 'answer' : $scope.answer
 }
 }).success(function(res){
 alert("你做对了"+res+"题!");
 });
 }
});

上述内容就是怎么在angularjs中使用ng-repeat实现单选框，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联行业资讯频道。

新闻标题：怎么在angularjs中使用ng-repeat实现单选框
当前URL：http://mbwzsj.com/article/ghddoc.html