翻译 maninwest@Codeforge 作者:Anurag Gandhi @CodeProject
Quiz (测试)在调查、模拟测试、准备、自我测验、收集信息等方面具有广泛应用。此测试应用会让你通过简单的代码更改获取需要的功能。
你会了解如何使用 angular js通过几行代码创建自己的测试应用。该测试应用接受 json 格式的问题。您可以轻松从服务器端以预定义的格式发送问题, angular js 测试应用会在客户端渲染测试。测试也有审核和现实结果部分。如果你想立即宣布结果,只需调用一个带有答案的 json 并评估答案并立即显示。或者,如果你想提交答案到服务器,则可在 onSubmit 方法 quizCtrl.js 上进行此操作。
背景
你需要有AngularJs, bootstrap 和 css 的基本知识。 在此应用中没有使用JQuery,但是,如果你想使用它或其他javascript 库实现更多功能,你可以这么做。
注意: 直接运行文件系统的index.html 可能无法让该应用进行工作。你需要手动将其托管到web服务器或者通过 visual studio 这样的工具运行。一个简单的方法是:在 Visual Studio 中打开 index.html,右键单击-> 在浏览器中查看。Visual Studio会自动创建一个网站供你运行应用。
使用代码
使用代码非常简单. 只需提供测试应用的 json ,它就会渲染测试。
json 格式如下所示:
// aspnet.js
{
"quiz": {
"Id": 1,
"name": "Asp.Net Quiz",