我创建的组件与形式。每个答案组是不同的mat-radio-group（将更容易看到它在下面的代码）：

<mat-list>
  <div *ngFor="let q of qs">
    <mat-list-item>
      ...content of question...
    </mat-list-item>
    <mat-divider></mat-divider>
    <mat-list-item>
      <mat-radio-group name="{{q.name}}" [formControlName]=q.fieldName ngDefaultControl>
        <span>
            <mat-radio-button *ngFor="let answer of q.answers" value="{{answer}}">{{answer}}</mat-radio-button>
        </span>
      </mat-radio-group>
    </mat-list-item>
  </div>
</mat-list>

表单和按钮都工作得很好，但我得到一些问题，第一个单选按钮在页面上。第一组中的第一个按钮，只有一个，有类似自动悬停在开始（检查预览图像）。它会消失后，单击某处，但它是恼人的看到这一开始。
preview