Class IgxRadioGroupDirective

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

Igx Module

IgxRadioModule

Igx Theme

igx-radio-theme

Igx Keywords

radiogroup, radio, button, input

Igx Group

データ入力 & 表示

備考

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>

実装

  • AfterContentInit
  • AfterViewInit
  • ControlValueAccessor
  • OnDestroy
  • DoCheck

コンストラクター

プロパティ

アクセサー

メソッド

コンストラクター

プロパティ

change: EventEmitter<IChangeCheckboxEventArgs> = ...

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

備考

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

<igx-radio-group (change)="handler($event)"></igx-radio-group>
ngControl: NgControl
radioButtons: QueryList<IgxRadioComponent>

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

let radioButtons =  this.radioGroup.radioButtons;

アクセサー

メソッド

  • ラジオ input 要素の "checked" プロパティ値を設定します。

    備考

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

    this.radioGroup.writeValue('radioButtonValue');
    

    パラメーター

    • value: any

    返却 void