Radio group directive renders set of radio buttons.
Igx Module
IgxRadioModule
Igx Theme
igx-radio-theme
Igx Keywords
radiogroup, radio, button, input
Igx Group
Data Entry & Display

Remarks

[object Object][object Object]

Constructors

Section titled "Constructors"

IgxRadioGroupDirective

new IgxRadioGroupDirective(): IgxRadioGroupDirective

Defined in projects/igniteui-angular/radio/src/radio/radio-group/radio-group.directive.ts:487

Returns IgxRadioGroupDirective

Properties

Section titled "Properties"

change

Section titled "change"

An event that is emitted after the radio group value is changed.

 
change: EventEmitter<IChangeCheckboxEventArgs>

Defined in projects/igniteui-angular/radio/src/radio/radio-group/radio-group.directive.ts:197

Remarks

Provides references to the selected IgxRadioComponent and the value property as event arguments.

Example

<igx-radio-group (change)="handler($event)"></igx-radio-group>

ngControl

Section titled "ngControl" 
ngControl: NgControl

Defined in projects/igniteui-angular/radio/src/radio/radio-group/radio-group.directive.ts:63

alignment

Section titled "alignment" 
alignment: RadioGroupAlignment

Defined in projects/igniteui-angular/radio/src/radio/radio-group/radio-group.directive.ts:313, projects/igniteui-angular/radio/src/radio/radio-group/radio-group.directive.ts:327

invalid

Section titled "invalid" 
invalid: boolean

Defined in projects/igniteui-angular/radio/src/radio/radio-group/radio-group.directive.ts:176, projects/igniteui-angular/radio/src/radio/radio-group/radio-group.directive.ts:180

name

Section titled "name" 
name: string

Defined in projects/igniteui-angular/radio/src/radio/radio-group/radio-group.directive.ts:112, projects/igniteui-angular/radio/src/radio/radio-group/radio-group.directive.ts:115

required

Section titled "required" 
required: boolean

Defined in projects/igniteui-angular/radio/src/radio/radio-group/radio-group.directive.ts:134, projects/igniteui-angular/radio/src/radio/radio-group/radio-group.directive.ts:138

selected

Section titled "selected" 
selected: IgxRadioComponent

Defined in projects/igniteui-angular/radio/src/radio/radio-group/radio-group.directive.ts:153, projects/igniteui-angular/radio/src/radio/radio-group/radio-group.directive.ts:157

value

Section titled "value" 
value: any

Defined in projects/igniteui-angular/radio/src/radio/radio-group/radio-group.directive.ts:92, projects/igniteui-angular/radio/src/radio/radio-group/radio-group.directive.ts:96

Accessors

Section titled "Accessors"

radioButtons

Section titled "radioButtons"

Returns reference to the child radio buttons.

get radioButtons(): QueryList<IgxRadioComponent>

Defined in projects/igniteui-angular/radio/src/radio/radio-group/radio-group.directive.ts:78

Example

let radioButtons =  this.radioGroup.radioButtons;

Returns QueryList<IgxRadioComponent>

Methods

Section titled "Methods"

ngDoCheck

Section titled "ngDoCheck"

A callback method that performs change-detection, invoked after the default change-detector runs. See KeyValueDiffers and IterableDiffers for implementing custom change checking for collections.

ngDoCheck(): void

Defined in projects/igniteui-angular/radio/src/radio/radio-group/radio-group.directive.ts:415

Returns void

writeValue

Section titled "writeValue"

Sets the "checked" property value on the radio input element.

writeValue(value: any): void

Defined in projects/igniteui-angular/radio/src/radio/radio-group/radio-group.directive.ts:450

Parameters

  • value: any

Returns void

Example

this.radioGroup.writeValue('radioButtonValue');