Readonly
changeラジオ グループの value
が変更された後に発生するイベントです。
イベント引数として選択した IgxRadioComponent
および value
プロパティへの参照を提供します。
<igx-radio-group (change)="handler($event)"></igx-radio-group>
子ラジオ ボタンへの参照を返します。
let radioButtons = this.radioGroup.radioButtons;
igx-radio-group
の配置を返します。
@ViewChild("MyRadioGroup")
public radioGroup: IgxRadioGroupDirective;
ngAfterViewInit(){
let radioAlignment = this.radioGroup.alignment;
}
ラジオ グループの配置の設定を許可します。
使用可能なオプションは RadioGroupAlignment.horizontal
(デフォルト) と RadioGroupAlignment.vertical
です。
public alignment = RadioGroupAlignment.vertical;
//..
<igx-radio-group [alignment]="alignment"></igx-radio-group>
ラジオ グループが無効かどうかを取得または設定します。
設定されない場合、invalid
の値は false
です。
<igx-radio-group [invalid] = "true"></igx-radio-group>
ラジオ グループ コンポーネントの name
属性を取得または設定します。すべての子ラジオ ボタンはこの名前を継承します。
<igx-radio-group name = "Radio1"></igx-radio-group>
ラジオ グループが必須かどうかを設定または取得します。
設定されない場合、required
の値は false
です。
<igx-radio-group [required] = "true"></igx-radio-group>
選択した子ラジオ ボタンを設定または取得します。
let selectedButton = this.radioGroup.selected;
this.radioGroup.selected = selectedButton;
value
属性を取得または設定します。
<igx-radio-group [value] = "'radioButtonValue'"></igx-radio-group>
ラジオ グループ ディレクティブは、ラジオ ボタンのセットを描画します。
Igx Module
IgxRadioModule
Igx Theme
igx-radio-theme
Igx Keywords
radiogroup, radio, button, input
Igx Group
データ入力 & 表示
備考
Ignite UI Radio Group を使用すると、隣に表示されるオプションのセットから単一のオプションを選択する機能を提供します。
@例: