Class IgxRadioGroupDirective

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

IgxRadioModule

igx-radio-theme

radiogroup, radio, button, input

データ入力 & 表示

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;

アクセサー

メソッド

  • デフォルトの変更検出の実行後に呼び出される、変更検出を実行するコールバック メソッド。コレクションのカスタム変更チェックの実装については、KeyValueDiffers および IterableDiffers を参照してください。

    返却 void

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

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

    this.radioGroup.writeValue('radioButtonValue');
    

    パラメーター

    • value: any

    返却 void