Hola a todos, construí una secuencia simple de preguntas en AngularJS. Cada vez que presiono y respondo, paso a la siguiente pregunta.
<div class="answers" > <ul class="answers__list" *ngFor="let quiz of quizzes[currentQuiz].answer" > <label><li @answer class="answers__item" appBackground [correctAnswer]="quiz.correct"> <input type="radio" name="options" (change)="onAnswer(quiz.correct)" [disabled]="answerSelected"> <!-- Here you select when change the question ("onAnswer means that u change it when you give a questioN"--> {{ quiz.option }} <!--Needed to render out the question --> </li></label> </ul> </div>la función de cambio es la siguiente
onAnswer(option: boolean){ this.currentQuiz++; this.answerSelected = true; setTimeout(() => { let newQuiz = this.getRandom(); while(this.prevAnswered.includes(newQuiz) && this.prevAnswered.length < 2){ newQuiz = this.getRandom(); } this.currentQuiz = newQuiz; this.prevAnswered.push(this.currentQuiz); this.answerSelected = false; }, 300);¿Alguien sabe cómo puedo crear un botón en el que se debe hacer clic para pasar a la siguiente pregunta en lugar de pasar automáticamente cada vez que elijo una opción?
Estoy tratando de crear un módulo simple y conectarlo a un botón html pero no funciona
pass_Next(){ this.currentQuizz++; }Esto funcionó. Estaba escribiendo incorrectamente el "pass_Next"
pass_Next(){ this.currentQuizz++; }