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

问题描述

在我的 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>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angular angular2-template javascript