在 Angular 中，我们可以使用 FormsModule 中的 ngModel 指令来处理表单控件。但有时我们面临一个问题，即在重置表单时，单选按钮的状态不会被重置。这可能会导致表单提交时出现不正确的预选项。

要解决此问题，我们可以结合使用 Angular 表单功能和 ngModel 指令，以便每次更改单选按钮的状态时更新模型。

下面是一个示例代码，演示了如何将每个单选按钮和相应的模型绑定在一起，同时没有使用 ngModel。

HTML:

    Option 1
  
  
    
    Option 2
  
  Reset

TS:

import { Component, ViewChild } from '@angular/core';
import { NgForm } from '@angular/forms';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  @ViewChild('myForm') myForm: NgForm;
  radioButtonValue = 1;
  
  resetForm() {
    this.radioButtonValue = 1;
    this.myForm.resetForm();
  }
}

在这个示例中，我们将每个单选按钮连接到一个名为 radioButtonValue 的变量，当单选按钮被选中时，该变量会被更新。当重新设置表单时，我们将 radioButtonValue 变量重置为默认值，并使用 resetForm() 方法将表单控件恢复到原始状态。

使用这种方式，我们可以确保每次表单重置时，单选按钮的状态都正确地重置了。