基于单选按钮禁用Angular表单控件

要基于单选按钮禁用Angular表单控件，你可以使用Angular的表单控件属性和事件来实现。以下是一个示例代码：

1. 在组件的HTML模板中，使用单选按钮来选择是否禁用表单控件：

<form [formGroup]="myForm">
  <input type="radio" name="disableControl" (change)="toggleControl()" [value]="false" formControlName="disableControl"> Enable
  <input type="radio" name="disableControl" (change)="toggleControl()" [value]="true" formControlName="disableControl"> Disable

  <input type="text" formControlName="myControl" [disabled]="isControlDisabled">
</form>

2. 在组件的TypeScript代码中，使用FormControl来创建表单控件，并根据单选按钮的选择来禁用或启用控件：

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormControl } from '@angular/forms';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit {
  myForm: FormGroup;
  isControlDisabled: boolean;

  constructor(private formBuilder: FormBuilder) { }

  ngOnInit() {
    this.myForm = this.formBuilder.group({
      myControl: new FormControl(''),
      disableControl: new FormControl(false)
    });
  }

  toggleControl() {
    this.isControlDisabled = this.myForm.get('disableControl').value;
    if (this.isControlDisabled) {
      this.myForm.get('myControl').disable();
    } else {
      this.myForm.get('myControl').enable();
    }
  }
}

在上述代码中，我们创建了一个名为myForm的表单组，并使用FormControl来创建了一个名为myControl的表单控件。我们还创建了一个名为disableControl的表单控件，用于选择是否禁用myControl。

在toggleControl方法中，我们获取disableControl的值，并根据其选择来禁用或启用myControl。如果disableControl的值为true，我们调用disable方法来禁用myControl；如果disableControl的值为false，我们调用enable方法来启用myControl。

这样，当单选按钮的选择改变时，表单控件会相应地被禁用或启用。