网站建设资讯

NEWS

网站建设资讯

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

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

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

前台代码如下:


 
 
 
 
 
 
 
 
 
 
 
 
    
 
 
 
 提交
 



注意到在一组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实现单选框
分享链接:http://njwzjz.com/article/ghddoc.html

其他资讯