Dynami c отключение реактивных форм FormControl в Angular

Question

Я пытаюсь отключить одну из радиокнопок в моей группе радиокнопок FormControl, но это невозможно. Изменение статуса на disable: true в файле ts отключает группу радиокнопок, а не только одну. Мой html:

<form [formGroup]="myForm">
  <radiobutton-group>
     Food:
    <radiobutton [FormControl]="myForm.get('food')" value="apple"></radiobutton>
    <radiobutton [FormControl]="myForm.get('food')" value="pear"></radiobutton>
    <radiobutton [FormControl]="myForm.get('food')" value="orange"></radiobutton>
  </radiobutton-group>
</form>

И мой машинописный код:

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


@Component({
  templateUrl: './radio-button-food.component.html'
})
export class RadioButtonFoodComponent {
  myForm: any = new FormGroup({
    food: new FormControl({ value: 'apple', disabled: false}),
    drink: new FormControl('coke'),
  });
 }

Кто-нибудь знает, как его решить? Чтобы отключить только одну радиокнопку? Ввести disable = true внутрь <radiobutton> не получится.

Answer 1

Можете ли вы просто установить или исправить значение элемента управления. документы находятся в https://angular.io/api/forms/FormControl

пример кода:

myForm.controls['food'].patchValue({ value: 'apple', disabled: false});

в целом, ng предлагает не смешивать реактивные формы с отключенными атрибут html привязка.

Answer 2

Привязка к [attr.disabled] вместо [disabled] в шаблоне сработала для меня.