aria-label
属性の値を取得または設定します。
<igx-checkbox aria-label="Checkbox1"></igx-checkbox>
let ariaLabel = this.checkbox.ariaLabel;
aria-labelledby
属性を設定または取得します。
設定されない場合、aria-labelledby
の値は labelId
属性の値と等しくなります。
<igx-checkbox aria-labelledby="Checkbox1"></igx-checkbox>
let ariaLabelledBy = this.checkbox.ariaLabelledBy;
Readonly
changeチェックボックス状態が変更された後に発生するイベントです。
イベント引数として IgxCheckboxComponent
および checked
プロパティへの参照を提供します。
ラジオ コンポーネントのクラスを返します。
let radioClass = this.radio.cssClass;
IgxRadioComponent
リップル エフェクトを有効または無効にします。
設定しない場合、disableRipple
は false
です。
<igx-checkbox [disableRipple]="true"></igx-checkbox>
let isRippleDisabled = this.checkbox.desableRipple;
Checkbox は すべての css トランジションを無効に設定するかどうかを取得または設定します。
デフォルト値は false
です。
<igx-checkbox [disableTransitions]="true"></igx-checkbox>
let disableTransitions = this.checkbox.disableTransitions;
disabled
属性を設定または取得します。
デフォルト値は false
です。
<igx-radio disabled></igx-radio>
let isDisabled = this.radio.disabled;
IgxRadioComponent
ラジオ コンポーネントがフォーカスされるかどうかを取得または設定します。
デフォルト値は false
です。
this.radio.focus = true;
let isFocused = this.radio.focused;
IgxRadioComponent
チェックボックス コンポーネントの id
を取得または設定します。
最初のリスト コンポーネントの id
は "igx-checkbox-0"
を持ちます。
<igx-checkbox id="my-first-checkbox"></igx-checkbox>
let checkboxId = this.checkbox.id;
チェックボックスの不確定ビジュアル ステートを取得または設定します。
デフォルト値は false
;
<igx-checkbox [indeterminate]="true"></igx-checkbox>
let isIndeterminate = this.checkbox.indeterminate;
ラジオ ボタンが無効かどうかを取得または設定します。
デフォルト値は false
です。
<igx-radio invalid></igx-radio>
let isInvalid = this.radio.invalid;
IgxRadioComponent
label
要素の id
を取得または設定します。
設定されない場合、最初のチェックボックス コンポーネントの label
の id は "igx-checkbox-0-label"
になります。
<igx-checkbox labelId="Label1"></igx-checkbox>
let labelId = this.component.labelId;
label
の位置を設定または取得します。設定しない場合、labelPosition
は "after"
を持ちます。
<igx-checkbox labelPosition="before"></igx-checkbox>
let labelPosition = this.checkbox.labelPosition;
name
属性を取得または設定します。
<igx-checkbox name="Checkbox1"></igx-checkbox>
let name = this.checkbox.name;
ネイティブ チェックボックス要素への参照を返します。
let checkboxElement = this.component.checkboxElement;
ネイティブ ラベル要素への参照を返します。
@example
let labelElement = this.component.nativeLabel;
ラベル プレースホルダー要素への参照を返します。
@example
let labelPlaceholder = this.component.placeholderLabel;
チェックボックスが ReadOnly かどうかを取得または設定します。
デフォルト値は false
です。
<igx-checkbox [readonly]="true"></igx-checkbox>
let readonly = this.checkbox.readonly;
tabindex
属性の値を取得または設定します。
<igx-checkbox [tabindex]="1"></igx-checkbox>
let tabIndex = this.checkbox.tabindex;
value
属性を設定または取得します。
<igx-checkbox [value]="'CheckboxValue'"></igx-checkbox>
let value = this.checkbox.value;
チェックボックスがチェックされたかどうかを取得または設定します。
デフォルト値は false
です。
<igx-checkbox [checked]="true"></igx-checkbox>
let isChecked = this.checkbox.checked;
checked
属性を取得または設定します。
デフォルト値は false
です。
<igx-radio [checked]="true"></igx-radio>
let isChecked = this.radio.checked;
IgxRadioComponent
igx-checkbox/igx-switch の nativeElement
への参照を返します。
let nativeElement = this.component.nativeElement;
チェックボックスが必須かどうかを取得または設定します。
設定しない場合、required
は false
です。
<igx-checkbox required></igx-checkbox>
let isRequired = this.checkbox.required;
Ignite UI for Angular Radio Button - ヘルプ
Ignite UI Radio Button を使用すると、隣に表示されるオプションのセットから単一のオプションを選択する機能を提供します。
例: