RadioControlValueAccessor • Angular

@param_registryRadioControlRegistry

Tracks the name of the radio input element.

Tracks the value of the radio input element

Sets the "value" on the radio input element and unchecks it.

@returnsvoid

Usage Notes

Using radio buttons with reactive form directives

The follow example shows how to use radio buttons in a reactive form. When using radio buttons in a reactive form, radio buttons in the same group should have the same formControlName. Providing a name attribute is optional.

import {Component} from '@angular/core';import {FormControl, FormGroup} from '@angular/forms';@Component({  selector: 'example-app',  template: `    <form [formGroup]="form">      <input type="radio" formControlName="food" value="beef" /> Beef      <input type="radio" formControlName="food" value="lamb" /> Lamb      <input type="radio" formControlName="food" value="fish" /> Fish    </form>    <p>Form value: {{ form.value | json }}</p>    <!-- {food: 'lamb' } -->  `,  standalone: false,})export class ReactiveRadioButtonComp {  form = new FormGroup({    food: new FormControl('lamb'),  });}