クラス IgxRadioGroupDirective

ラジオ グループ ディレクティブは、ラジオ ボタンのセットを描画します。

@igxmodule

IgxRadioModule

@igxtheme

igx-radio-theme

@igxkeywords

radiogroup, radio, button, input

@igxgroup

データ入力と表示

@備考:

Ignite UI Radio Group を使用すると、隣に表示されるオプションのセットから単一のオプションを選択する機能を提供します。

@例:
<igx-radio-group name="radioGroup">
  <igx-radio *ngFor="let item of ['Foo', 'Bar', 'Baz']" value="{{item}}">
     {{item}}
  </igx-radio>
</igx-radio-group>

階層

  • IgxRadioGroupDirective

実装

  • AfterContentInit
  • ControlValueAccessor
  • OnDestroy

プロパティ

Readonly change

change: EventEmitter<IChangeRadioEventArgs> = new EventEmitter<IChangeRadioEventArgs>()

ラジオ グループの value が変更された後に発生するイベント。

@備考:

イベント引数として選択した IgxRadioComponent および value プロパティへの参照を提供します。

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

radioButtons

radioButtons: QueryList<IgxRadioComponent>

子ラジオ ボタンへの参照を返します。

@例:
let radioButtons =  this.radioGroup.radioButtons;

アクセサー

disabled

  • get disabled(): boolean
  • set disabled(newValue: boolean): void

labelPosition

name

  • get name(): string
  • set name(newValue: string): void

required

  • get required(): boolean
  • set required(newValue: boolean): void

selected

value

  • get value(): any
  • set value(newValue: any): void

メソッド

ngAfterContentInit

  • ngAfterContentInit(): void

writeValue

  • writeValue(value: any): void
  • ラジオ input 要素の "checked" property 値を設定します。

    @備考:

    指定した値が現在のラジオ ボタンと整合性があるかどうかを確認します。 そうである場合、checked 属性の値は trueになり、選択したプロパティに選択した IgxRadioComponent が含まれます。

    @例:
    this.radioGroup.writeValue('radioButtonValue');

    パラメーター

    • value: any

    返却 void