如何在测验中显示单个答案问题的先前答案

如何解决如何在测验中显示单个答案问题的先前答案

在我的 Angular quiz app 中，我添加了“以前的答案”功能，并且在显示 单答案的先前答案时遇到了一些困难 问题。

以下是1）我的 QuizService 中的TypeScript函数，2）显示先前答案的多答案问题代码段，以及3）我尝试的单答案我需要帮助的问题模板。

单答案问题应为每个问题显示一个相应的先前答案。

请帮助您解决此问题。谢谢！

QuizService 代码：

setPreviousUserAnswersText(questions: QuizQuestion[],previousAnswers): void {
  for (let i = 0; i < previousAnswers.length; i++) {
    if (previousAnswers[i].length === 1) {
      const previousAnswersSingleText = questions[i].options[previousAnswers[i] - 1].text;
      this.previousAnswers.push(previousAnswersSingleText);
    }
    if (previousAnswers[i].length > 1) {
      const previousAnswerMultiple = previousAnswers[i].slice();
      for (let j = 0; j < previousAnswerMultiple.length; j++) {
        const previousAnswersMultipleText = questions[i].options[previousAnswerMultiple[j] - 1].text;          
        this.previousAnswersMultipleTextArray.push(previousAnswersMultipleText);
      }
      this.previousAnswers.push(this.previousAnswersMultipleTextArray);
    }
  }
}

多次回答 HTML模板：

<ng-container *ngIf="option.selected">
  ...
  <div *ngFor="let previousAnswer of previousAnswers; index as j" class="previous-answer-text">
    <span *ngIf="previousAnswers[j].length > 1">
        {{ previousAnswer | join }} were selected in your previous quiz.
    </span>
  </div>
</ng-container>

单答案 HTML模板（对此需要帮助）：

<ng-container *ngIf="option.selected">
  ...  
  <!-- TODO: get this working -->
  <div *ngFor="let previousAnswer of previousAnswers; index as j" class="previous-answer-text">
    <span *ngIf="previousAnswers[j].length === 1">
      &ldquo;{{ previousAnswer }}&rdquo; was selected in your previous quiz.
    </span>
  </div>
</ng-container>