Je construis une application de quiz en angularjs, mais je ne sais pas comment utiliser les questions pour ajouter et afficher les réponses correctes.
Aidez s'il vous plaît je suis nouveau à la programmation. P>
Le Quiz au format JSON, comme indiqué ci-dessous: P>
"questions": [{
"Id": 5,
"Name": "In a village, the number of people infected with HIV in 2001 was 100. In 2004, 250 people were infected. Find the ratio of those infected in 2001 to those infected in 2004.",
"QuestionTypeId": 1,
"Options": [
{ "Id": 1, "QuestionId": 1, "Name": "A. 1:5", "Answer": false },
{ "Id": 2, "QuestionId": 1, "Name": "B. 2:5", "Answer": true },
{ "Id": 3, "QuestionId": 1, "Name": "C. 3:5", "Answer": false },
{ "Id": 4, "QuestionId": 1, "Name": "D. 5:1", "Answer": false },
{ "Id": 5, "QuestionId": 1, "Name": "E. 5:2", "Answer": false }],
"QuestionType": { "Id": 1, "Name": "Multiple Choice", "Active": true }
},
{
"Id": 6,
"Name": "The ratio of the length to the breadth of a room is 7:5. Find the length of the room if the breadth is 10m.",
"QuestionTypeId": 1,
"Options": [
{ "Id": 1, "QuestionId": 1, "Name": "A. 10m", "Answer": false },
{ "Id": 2, "QuestionId": 1, "Name": "B. 12m", "Answer": false },
{ "Id": 3, "QuestionId": 1, "Name": "C. 14m", "Answer": true },
{ "Id": 4, "QuestionId": 1, "Name": "D. 21m", "Answer": false },
{ "Id": 5, "QuestionId": 1, "Name": "E. 35m", "Answer": false }],
"QuestionType": { "Id": 1, "Name": "Multiple Choice", "Active": true }
},
{
"Id": 7,
"Name": "Increase 80 by 10%.",
"QuestionTypeId": 1,
"Options": [
{ "Id": 1, "QuestionId": 1, "Name": "A. 8m", "Answer": false },
{ "Id": 2, "QuestionId": 1, "Name": "B. 10m", "Answer": false },
{ "Id": 3, "QuestionId": 1, "Name": "C. 80m", "Answer": false },
{ "Id": 4, "QuestionId": 1, "Name": "D. 88m", "Answer": true },
{ "Id": 5, "QuestionId": 1, "Name": "E. 108m", "Answer": false }],
"QuestionType": { "Id": 1, "Name": "Multiple Choice", "Active": true }
},
{
"Id": 8,
"Name": "Odiri bought 12 cartons of biscuits for N3,000.00. Find the cost of 7.",
"QuestionTypeId": 1,
"Options": [
{ "Id": 1, "QuestionId": 1, "Name": "A. ₦250.00", "Answer": false },
{ "Id": 2, "QuestionId": 1, "Name": "B. ₦442.00", "Answer": false },
{ "Id": 3, "QuestionId": 1, "Name": "C. ₦840.00", "Answer": false },
{ "Id": 4, "QuestionId": 1, "Name": "D. ₦1,750.00", "Answer": true },
{ "Id": 5, "QuestionId": 1, "Name": "E. ₦2,700.00", "Answer": false }],
"QuestionType": { "Id": 1, "Name": "Multiple Choice", "Active": true }
},
3 Réponses :
Vous voulez regarder convertir le JSON en un objet en utilisant Une fois dans un objet, vous pouvez ensuite la boucler à l'aide de json.parse ()
ng-répéter
Voici un POC: Vérifiez les réponses grâce aux boutons radio et montrez correctement / faux grâce à NG-si Vous devez vérifier les documents / faire un didacticiel afin d'améliorer vos compétences Peut-être que la prochaine fois envoie un premier travail sur une plate-forme comme Stackblitz, par exemple.
hie j'avais de la crack à l'avis s'il vous plaît voir le code PEN
https://codepen.io / THELLANDEN78 / PEN / ZPOGKL P>
P>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.11/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>the quiz</title>
</head>
<body ng-app = "myapp">
<div class = "container">
<div class = "row" ng-controller = "helloController">
<div class = "col-md-6 col-md-offset-3" style = "background-color:red;">
<form action = "POST" ng-repeat = "(key,value) in quiz">
<label>{{key}}</label>
<div class = "form-group" ng-repeat = "item in value">
<label>{{item.Name}}</label>
<select class = "form-control" >
<option ng-repeat = "options in item.Options">{{options.Name}}</option>
</select>
</div>
</form>
</div>
</div>
</div>
</body>
</html>Je suis désolé, ce que je demande, c'est "Comment résumer toutes les réponses correctes et afficher le score total