ラジオ コンポーネントの aria-label
属性を取得または設定します。
<igx-radio aria-label = "Radio1"></igx-radio>
let ariaLabel = this.radio.ariaLabel;
ラジオ コンポーネントの aria-labelledby
属性を取得または設定します。
設定されない場合、aria-labelledby
は labelId
属性の値と等しくなります。
<igx-radio aria-labelledby = "Radio1"></igx-radio>
let ariaLabelledBy = this.radio.ariaLabelledBy;
ラジオの value
が変更された後に発生するイベント。
イベント引数として IgxRadioComponent
および value
プロパティへの参照を提供します。
checked
属性を取得または設定します。
デフォルトは false
です。
<igx-radio [checked] = "true"></igx-radio>
let isChecked = this.radio.checked;
ラジオ コンポーネントのクラスを返します。
let radioClass = this.radio.cssClass;
ラジオ ボタンでリップル エフェクトを有効または無効にします。
設定されない場合、disableRipple
の値は false
です。
<igx-radio [disableRipple] = "true"></igx-radio>
let isDisabledRipple = this.radio.disableRipple;
ラジオ コンポーネントがフォーカスされるかどうかを取得または設定します。
デフォルト値は false
です。
this.radio.focus = true;
let isFocused = this.radio.focused;
ラジオ コンポーネントの id
を取得または設定します。
設定されない場合、最初のラジオ コンポーネントの id
は "igx-radio-0"
になります。
<igx-radio id = "my-first-radio"></igx-radio>
let radioId = this.radio.id;
ラジオ コンポーネントで label
要素の id を取得または設定します。
設定されない場合、最初のラジオ コンポーネントの label
の id は "igx-radio-0-label"
になります。
<igx-radio labelId = "Label1"></igx-radio>
let labelId = this.radio.labelId;
ラジオ コンポーネントの label
の位置を取得または設定します。
設定されない場合、labelPosition
の値は "after"
です。
<igx-radio labelPosition = "before"></igx-radio>
let labelPosition = this.radio.labelPosition;
ラジオ コンポーネントの name
属性を取得または設定します。
<igx-radio name = "Radio1"></igx-radio>
let name = this.radio.name;
ネイティブ ラベル要素への参照を返します。
let labelElement = this.radio.nativeLabel;
ネイティブ ラジオ要素への参照を返します。
let radioElement = this.radio.nativeRadio;
ラベル プレースホルダー要素への参照を返します。
let labelPlaceholder = this.radio.placeholderLabel;
tabindex
属性の値を設定します。
<igx-radio [tabindex] = "1"></igx-radio>
let tabIndex = this.radio.tabindex;
value
属性を取得または設定します。
<igx-radio [value] = "'radioButtonValue'"></igx-radio>
let value = this.radio.value;
disabled
属性を設定または取得します。
デフォルト値は false
です。
<igx-radio disabled></igx-radio>
let isDisabled = this.radio.disabled;
disabled
属性を設定または取得します。
デフォルト値は false
です。
<igx-radio disabled></igx-radio>
let isDisabled = this.radio.disabled;
ラジオ ボタンが必須かどうかを取得または設定します。
設定されない場合、required
の値は false
です。
<igx-radio required></igx-radio>
let isRequired = this.radio.required;
ラジオ ボタンが必須かどうかを取得または設定します。
設定されない場合、required
の値は false
です。
<igx-radio required></igx-radio>
let isRequired = this.radio.required;
現在のラジオ ボタンを選択解除します。
this.radio.deselect();
現在のラジオ ボタンを選択します。
this.radio.select();
指定した値が現在のラジオ ボタンと整合性があるかどうかを確認します。
整合性がある場合、checked 属性の値は true
になります。
this.radio.writeValue('radioButtonValue');
Ignite UI for Angular Radio Button - ヘルプ
Ignite UI Radio Button を使用すると、隣に表示されるオプションのセットから単一のオプションを選択する機能を提供します。 例: