Angular Материал мат-гармошка не отображается в StackBlitz

Question

Я работаю над приложением для викторины, и, по-видимому, сам по себе мат-аккордеон со сводкой вопросов и ответов не отображается в StackBlitz, который находится в моем ResultsComponent, когда вы нажимаете ссылку «Просмотреть подробное резюме». Отображаются только кнопки раскрытия / свертывания. Пожалуйста, смотрите мой StackBlitz здесь: https://stackblitz.com/edit/angular-9-quiz-app

Answer 1

у вас есть в результате

*ngFor="let panel of accordionList; let question of quizData.questions; index as i"

Вы не можете использовать этот вид * ngFor (далее, accordionList - ничто)

должно быть (я полагаю)

*ngFor="let question of quizData.questions; index as i"

* Обновлено Ниже приведена еще одна ошибка, у вас есть

 *ngFor="let finalAnswer of finalAnswers;
         let correctAnswer of correctAnswers"

Вы не можете делать этого короля вещей, если хотите иметь два * ngДля использования <ng-container>

<div *ngFor="let finalAnswer of finalAnswers">
   <ng-container *ngFor="let correctAndser of correctAnswers>
        ...
   </ng-container>
</div>

Или используйте индекс, если два массива имеют одинаковую длину

<div *ngFor="let finalAnswer of finalAnswers;let i=index">
   {{correctAnswers[i]}}
</div>