Angular material 如何通过角垫单选按钮循环删除值？

我已经问过一些有经验的开发人员，他们基本上告诉我，如果不使用许多if-then-else语句，这是不可能的。这是我的硬编码示例，它可以工作，但我在寻找更高效、更优雅的东西。共有10个问题，如果我回答了所有问题，但决定返回并更改问题#5例如，我想删除该问题之后所有问题的答案，不管你在哪个问题上，基本上如果你在任何问题上倒退，则删除之后的所有内容。从角度来看，这比你想象的要困难。这是当前工作的硬编码：

    clearAllQuestions() {
      if (this.q1 == 'N') {
       this.q2 = '';
       this.q3 = '';
       this.q4 = '';

     }
   else if (this.q2 == 'Y') {
   this.q3 = '';
   this.q4 = '';  

    }
  else if (this.q3 == 'Y') {
  this.q4 = '';
 
}

是否有任何方法来确定您当前所处的问题，以删除之后的所有内容？最初我想通过循环和数组，但没有成功。下面是一个如何用HTML构造问题的示例。请假设q2-q4也有相同的格式

       <div class="col-md-5">
      <mat-radio-group class="ans-radio-group"  [(ngModel)]="q1">
        <!--<mat-radio-button class="ans-radio-button" (change)="ClearAllQuestions()"
        *ngFor="let answer of answers" [value]="answer.key">-->{{ answer.value }}
        </mat-radio-button>
      </mat-radio-group>


    </div>

{{answer.value}}

课堂上是否可以将问题对象设置为

q1、q2、q3

而不是q1、q2、q3？还是阵列？这就是我想要实现的目标。我希望通过document.getElementbyClass（“ans单选按钮”）获得所有问题，但没有任何结果。我想我可能必须使用formControl。