SagarJaybhay1 Ответов: 1

Как динамически добавлять вопросы и ответы в angular?


Привет, у меня словарь JSON данные в удостоверение личности вопрос карту на вопрос предмет и объект вопрос содержит возможные ответы массив, который содержит " Да "" нет " и " да " ответить, я имею следующий код вопрос в словарь и же без. И я хочу построить этот график динамически после того, как будет добавлен ответ на первый вопрос, выбранный следующими вопросами. так вот как я это делаю. и если yesid и noid содержат -1, Я хочу перейти к следующему вопросу, не беспокоясь о предыдущих ответах на вопросы.
ниже приведен мой json
{
"1": {
"Категория": "Первая",
"Qid": 1,
"Вопрос": "вам больше 18 лет ?",
"Возможные ответы": {
"1": "Да",
"2": "нет"
},
"YesID": 2,
"Нойд": 3
},
"2": {
"Категория": "вторая",
"Qid": 2,
"Вопрос": "Вы выпускник?",
"Возможные ответы": {

"1": "Да",
"2": "нет"
},
"YesID": -1,
"NoID": -1
}
}

Что я уже пробовал:

Я пробовал ng-repeat, ng-show и ng-hide, но не смог получить окончательный результат.

1 Ответов

Рейтинг:
2

Member 12464509

Index.html

<!DOCTYPE html>
<html>

<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.min.js"></script>

<script src="testController.js"></script>
</head>

<div ng-app="myApp" ng-controller="testCtrl">

<li ng-repeat="QaAns in quesans">
	<ul ng-hide ="QaAns.1.YesID == -1"> {{QaAns.1.Category}} - {{QaAns.1.Qid}}.{{QaAns.1.Question}}</ul>
	<ul ng-hide ="QaAns.2.YesID == -1"> {{QaAns.2.Category}} - {{QaAns.2.Qid}}.{{QaAns.2.Question}}</ul>
	<ul ng-hide ="QaAns.3.YesID == -1"> {{QaAns.3.Category}} - {{QaAns.3.Qid}}.{{QaAns.3.Question}}</ul>
</li>

</div>

</html>


testController.js

angular.module('myApp', []).controller('testCtrl', function($scope) {    

     $scope.quesans = [
	{	 "1": {"Category": "First","Qid": 1,"Question": "Are you above 18 yr's ?",
			"PossibleAnswers": { "1": "Yes", "2": "No" }, "YesID": 2, "NoID": 3 
		      },
		 "2": {"Category": "Second","Qid": 2,"Question": "Are you graduate?", 
			"PossibleAnswers": { "1": "Yes", "2": "No" }, "YesID": -1, "NoID": -1
		      },
		 "3": {"Category": "Third","Qid": 3,"Question": "moved to question 3.. Is it helpful?", 
			"PossibleAnswers": { "1": "Yes", "2": "No" }, "YesID": 1, "NoID": 1
		      }
	}	
     ];
 });


Выход:

Во - первых- 1.Вы выше 18 лет и все ?

В-третьих - 3.переехали на вопрос 3.. Это полезно?