constructor

• new IgxRadioGroupDirective(ngControl, _directionality, cdr): IgxRadioGroupDirective

• Parameters

  • ngControl: NgControl

  • _directionality: IgxDirectionality

  • cdr: ChangeDetectorRef

  Returns IgxRadioGroupDirective

Readonlychange

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

ngControl

radioButtons

let radioButtons =  this.radioGroup.radioButtons;
Copy

alignment

• get alignment(): RadioGroupAlignment

• Returns the alignment of the igx-radio-group.

  @ViewChild("MyRadioGroup")
  public radioGroup: IgxRadioGroupDirective;
  ngAfterViewInit(){
     let radioAlignment = this.radioGroup.alignment;
  }
  Copy

  Returns RadioGroupAlignment

• set alignment(value): void

• Allows you to set the radio group alignment. Available options are RadioGroupAlignment.horizontal (default) and RadioGroupAlignment.vertical.

  public alignment = RadioGroupAlignment.vertical;
  //..
  Copy

  <igx-radio-group [alignment]="alignment"></igx-radio-group>
  Copy

  Parameters

  • value: RadioGroupAlignment

  Returns void

invalid

• get invalid(): boolean

• Sets/gets whether the radio group is invalid.

  Remarks

  If not set, invalid will have value false.

  Example

  <igx-radio-group [invalid] = "true"></igx-radio-group>
  Copy

  Returns boolean

• set invalid(value): void

• Parameters

  • value: boolean

  Returns void

name

• get name(): string

• Sets/gets the name attribute of the radio group component. All child radio buttons inherits this name.

  Example

  <igx-radio-group name = "Radio1"></igx-radio-group>
  Copy

  Returns string

• set name(newValue): void

• Parameters

  • newValue: string

  Returns void

required

• get required(): boolean

• Sets/gets whether the radio group is required.

  Remarks

  If not set, required will have value false.

  Example

  <igx-radio-group [required] = "true"></igx-radio-group>
  Copy

  Returns boolean

• set required(value): void

• Parameters

  • value: boolean

  Returns void

selected

• get selected(): IgxRadioComponent

• Sets/gets the selected child radio button.

  Example

  let selectedButton = this.radioGroup.selected;
  this.radioGroup.selected = selectedButton;
  Copy

  Returns IgxRadioComponent

• set selected(selected): void

• Parameters

  • selected: IgxRadioComponent

  Returns void

value

• get value(): any

• Sets/gets the value attribute.

  Example

  <igx-radio-group [value] = "'radioButtonValue'"></igx-radio-group>
  Copy

  Returns any

• set value(newValue): void

• Parameters

  • newValue: any

  Returns void

ngDoCheck

• ngDoCheck(): void

• 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.

  Returns void

writeValue

• writeValue(value): void

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

  Remarks

  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.

  Example

  this.radioGroup.writeValue('radioButtonValue');
  Copy

  Parameters

  • value: any

  Returns void