Estoy intentando realizar una especie de quiz de tipo opción múltiple con única respuesta. Cargo la pregunta y sus opciones (respuestas) con datos REST.
Así es como debería verse la vista:
Por cada pregunta (header en negrilla) debe haber una lista de preguntas (4 preguntas) y debo poder seleccionar al menos una opción en cada pregunta.
Actualmente, no puedo lograrlo en la app en ionic en la que trabajo, sólo me deja seleccionar una respuesta de entre todas las preguntas del test y cuando selecciono otra, se des-selecciona la que había seleccionado, aún estando en otra pregunta...:
Aquí dejo el código de la vista y controlador:
controllers.js
for (var i = 0; i < $scope.questions.length; i++) {
if ($scope.questions[i].opcion_multiple == 'si') {
$scope.multiple = true;
$scope.multiple_questions[i] = {
id: $scope.questions[i].id_pregunta,
question: $scope.questions[i].nombre,
options: [
$scope.questions[i].opcion_a,
$scope.questions[i].opcion_b,
$scope.questions[i].opcion_c,
$scope.questions[i].opcion_d
],
option_value: ['a', 'b', 'c', 'd']
};
}
}
test.html
<ion-view view-title="Evaluación">
<ion-content>
<ion-list ng-repeat="multiple_question in multiple_questions">
<ion-item>
<h3 ng-bind-html="multiple_question.question">
{{multiple_question.question}}
</h3>
<ion-radio ng-repeat="option in multiple_question.options"
ng-model="multiple_question.id"
ng-value="multiple_question.option_value[$index]">{{option}}</ion-radio>
</ion-item>
</ion-list>
</ion-content>
</ion-view>
EDIT: No he sabido... qué valor darle al ng-model para este tipo de aplicación