ラジオ コンポーネントの 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;
disabled 属性を取得または設定します。
デフォルトは false です。
<igx-radio [disabled] = "true"></igx-radio>
let isDisabled = this.radio.disabled;
ラジオ コンポーネントがフォーカスされるかどうかを取得または設定します。
デフォルトは 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;
ラジオ ボタンが必須かどうかを取得または設定します。
設定されない場合、required の値は false です。
<igx-radio [required] = "true"></igx-radio>
let isRequired = this.radio.required;
tabindex 属性の値を設定します。
<igx-radio [tabindex] = "1"></igx-radio>
let tabIndex = this.radio.tabindex;
value 属性を取得または設定します。
<igx-radio [value] = "'radioButtonValue'"></igx-radio>
let value = this.radio.value;
現在のラジオ ボタンを選択します。
this.radio.select();
提供された値が現在のラジオ ボタンと一貫性のあるかどうかを確認します。
If it is, the checked attribute will have value true;
this.radio.writeValue('radioButtonValue');
Ignite UI for Angular Radio Button - ヘルプ
Ignite UI Radio Button を使用すると、隣に表示されるオプションのセットから単一のオプションを選択する機能を提供します。 例:
<igx-radio> 簡易なラジオ ボタン </igx-radio>