热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

angularjs的单选框+ng-repeat的实现方法

今天小编就为大家分享一篇angularjs的单选框+ng-repeat的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

最近在做项目的过程中,要求做一个考试系统,在答题页面涉及到单选框+ng-repeat来实现试卷的展示,做完后将答案传到后台,在这里主要讲下单选框+ng-repeat的几个要点

前台代码如下:

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+"题!");
 });
 }
});

我在controller的初始化中就创建了answer数组,与html中的radio双向绑定,在submit方法中,直接提交到后台就能够完成答案的比对。

以上这篇angularjs的单选框+ng-repeat的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。


推荐阅读
  • 深入理解Select、Poll和Epoll
    本文详细介绍了三种常用的I/O多路复用技术:Select、Poll和Epoll。通过对比它们的工作原理和性能特点,帮助读者更好地选择适合的I/O模型。 ... [详细]
  • 阿里云OSS访问权限错误:AccessDenied
    在使用阿里云对象存储服务(OSS)时,遇到AccessDenied错误,提示您无权访问指定对象,原因可能与Bucket的ACL设置有关。 ... [详细]
  • Excel VBA自动化添加数字证书(续)
    本文继续探讨如何在Excel VBA中自动添加数字证书。上一篇文章因突发情况未能完成,本次将详细介绍证书的生成和集成方法。 ... [详细]
  • 本文介绍了 Oracle SQL 中的集合运算、子查询、数据处理、表的创建与管理等内容。包括查询部门号为10和20的员工信息、使用集合运算、子查询的注意事项、数据插入与删除、表的创建与修改等。 ... [详细]
  • 本文将详细探讨PHP中C的作用,并对比其他编程语言如Java和C的特点及其适用场景。 ... [详细]
  • 开发笔记:前端之前端初识
    开发笔记:前端之前端初识 ... [详细]
  • 本文介绍如何在 PHP 中判断文件是否存在,并根据结果控制 HTML 元素的显示与隐藏。如果文件存在,则直接打开;如果文件不存在,则显示一个提示信息并允许用户重新输入。 ... [详细]
  • QSplitter 使用详解
    阅读《C++ GUI Programming with Qt 4, 2nd Edition》第六章布局管理器中的第三节关于 Splitters 的内容,并尝试实现书中的示例,发现实际效果与书中描述存在差异,尤其是分界线部分。 ... [详细]
  • 在移动端开发中,多点触控手势是提升用户体验的重要手段。然而,目前只有iOS浏览器原生支持手势事件,其他设备需要通过touchstart、touchmove和touchend等基础事件进行自定义实现。本文将详细介绍如何在Vue项目中实现多点触控手势。 ... [详细]
  • 本文探讨了 Java 中 HttpClient 和 HtmlUnit 的区别,重点介绍了它们的功能和应用场景。 ... [详细]
  • 本文介绍了如何使用Aspose库将Office文件(如Word、PowerPoint)转换为HTML文件,并详细说明了在转换过程中可能出现的乱码问题及其解决方案。 ... [详细]
  • JSP(JavaServer Pages)和Servlet都是Java Web开发中的重要技术。JSP可以看作是Servlet的扩展,主要关注页面的展示效果。而Servlet则更侧重于处理业务逻辑。本文将详细介绍它们的相同点和不同点。 ... [详细]
  • 本文探讨了为何产品团队提出的某些需求在研发完成后未能获得用户的认可,并提供了改进方法。主要分析了功能不完整或存在bug以及用户体验不佳的原因。 ... [详细]
  • 申请地址:https://developer.apple.com/appstore/contact/?topic=expedite 常见申请理由:1. 我们即将发布新产品,这是一个媒体活动,我们无法承担任何风险,因此在多个方面努力提升应用质量。 ... [详细]
  • 近年来,区块链技术备受关注,其中比特币(Bitcoin)功不可没。尽管数字货币的概念早在上个世纪就被提出,但直到比特币的诞生,这一概念才真正落地生根。本文将详细探讨比特币、以太坊和超级账本(Hyperledger)的核心技术和应用场景。 ... [详细]
author-avatar
几杯茶轶事
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有