Angular 角度测验应用程序在单击相应的问题编号时应发出问题

我正在使用Angular构建一个测验应用程序。我已经一个接一个地展示了问题。在右侧，我显示了问题编号。如何在单击问题编号时仅显示相应的问题

组件1：一次显示一个问题，然后通过“下一步”按钮转到下一个问题

  <div *ngFor="let question of filteredQuestions">  
    <div> Question {{pager.index+1}} of{{pager.count}}</div>

    <h4> Question {{question.id}}</h4>
    <p> {{question.questionText}}</p>

    <mat-radio-group class="radio-group" name="option1" ngModel 
    #option1="ngModel" [(ngModel)]="option"> 
      <mat-radio-button class="radio-button" *ngFor="let option of 
      question.questionOptions" value={{option.optionText}} >
        {{option.optionText}}
      </mat-radio-button>
    </mat-radio-group>

   </div>

{{pager.count}的问题{pager.index+1}}
问题{{Question.id}
{{问题.问题文本}

{{option.optionText}

构成部分2 我显示了问题编号。我想点击每个问题

---

将相应的问题编号，以显示您迄今为止尝试过的内容

？如果您发布了有用的代码，这意味着什么？这没有多大意义：

*ngFor=“让问题的选项。问题选项”

，也许可以尝试将其更改为

[（ngModel）]=“selectedOption”

。。。