Javascript 如何禁用id为的单选按钮并使用角度渲染2

我正在尝试禁用男性单选按钮而不使用id。并使用角度渲染2。但不起作用。 不更改html。仅更改form.ts文件

form.html

  <label>
    <input type="radio"  value="male" formControlName="gender">
      <span>male</span>
  </label>
  <label>
    <input  type="radio" value="female" formControlName="gender">
      <span>female</span>
  </label>
</form>

---

为什么不像这样使用禁用组件变量呢

<input type="radio" name="disabled" [attr.disabled]="isDisabled" />

---

不要在form.html中使用disable，因为表单是动态生成的。

<input type="radio" name="disabled" [attr.disabled]="isDisabled" />

export class RegFormComponent implements OnInit {
  form: FormGroup;
  isDisabled: boolean;
  @ViewChild('gender', {static: false}) Input: ElementRef;
  constructor(fb: FormBuilder, private renderer: Renderer2) {

    this.form = fb.group({
      gender: ['male', [Validators.required]]

    });
  }
  ngOnInit() {

this.renderer.setProperty(this.Input, 'disabled', 'true');
    this.isDisabled = false;
  }

}