An event that is emitted after the radio group value is changed.
Provides references to the selected IgxRadioComponent and the value property as event arguments.
Returns reference to the child radio buttons.
let radioButtons = this.radioGroup.radioButtons;An @Input property that allows you to disable the radio group. By default it's false.
<igx-radio-group [disabled]="true"></igx-radio-group>An @Input property that allows you to disable the radio group. By default it's false.
<igx-radio-group [disabled]="true"></igx-radio-group>Sets/gets the position of the label in the child radio buttons.
If not set, labelPosition will have value "after".
<igx-radio-group labelPosition = "before"></igx-radio-group>let labelPosition = this.radioGroup.labelPosition;Sets/gets the position of the label in the child radio buttons.
If not set, labelPosition will have value "after".
<igx-radio-group labelPosition = "before"></igx-radio-group>let labelPosition = this.radioGroup.labelPosition;Sets/gets the name attribute of the radio group component. All child radio buttons inherits this name.
<igx-radio-group name = "Radio1"></igx-radio-group>let name = this.radioGroup.name;Sets/gets the name attribute of the radio group component. All child radio buttons inherits this name.
<igx-radio-group name = "Radio1"></igx-radio-group>let name = this.radioGroup.name;Sets/gets whether the radio group is required.
If not set, required will have value false.
<igx-radio-group [required] = "true"></igx-radio-group>let isRequired = this.radioGroup.required;Sets/gets whether the radio group is required.
If not set, required will have value false.
<igx-radio-group [required] = "true"></igx-radio-group>let isRequired = this.radioGroup.required;Sets/gets the selected child radio button.
let selectedButton = this.radioGroup.selected;
this.radioGroup.selected = selectedButton;Sets/gets the selected child radio button.
let selectedButton = this.radioGroup.selected;
this.radioGroup.selected = selectedButton;Sets/gets the value attribute.
<igx-radio-group [value] = "'radioButtonValue'"></igx-radio-group>let value = this.radioGroup.value;Sets/gets the value attribute.
<igx-radio-group [value] = "'radioButtonValue'"></igx-radio-group>let value = this.radioGroup.value;Checks whether the provided value is consistent to the current radio button.
If it is, the checked attribute will have value true and selected property will contain the selected IgxRadioComponent.
this.radioGroup.writeValue('radioButtonValue');
Ignite UI for Angular Radio Group - Documentation
The Ignite UI Radio Group allows the user to select a single option from an available set of options that are listed side by side.
Example:
<igx-radio-group name="radioGroup"> <igx-radio *ngFor="let item of ['Foo', 'Bar', 'Baz']" value="{{item}}"> {{item}} </igx-radio> </igx-radio-group>