aria-label
属性の値を取得または設定します。
<igx-switch aria-label = "Label1"></igx-switch>
aria-labelledBy
属性を設定または取得します。
設定されない場合、aria-labelledBy
の値は labelId
属性の値と等しくなります。
<igx-switch aria-labelledby = "Label1"></igx-switch>
Readonly
changeSwitch 状態が変更された後に発生するイベント。
イベント引数として IgxSwitchComponent
および checked
プロパティへの参照を提供します。
Switch コンポーネントのクラスを返します。
let switchClass = this.switch.cssClass;
リップル エフェクトを有効または無効にします。
設定しない場合、disableRipple
は false
です。
<igx-switch [disableRipple]="true"></igx-switch>
Switch コンポーネントがフォーカスされるかどうかを取得または設定します。
デフォルト値は false
です。
this.switch.focused = true;
Switch コンポーネントの id
を設定または取得します。
設定されない場合、最初の Switch コンポーネントのid
は "igx-switch-0"
になります。
<igx-switch id="my-first-switch"></igx-switch>
Switch コンポーネントで label
要素の id を設定または取得します。
設定されない場合、最初の Switch コンポーネントのラベルの値は "igx-switch-0-label"
になります。
<igx-switch labelId="Label1"></igx-switch>
Switch コンポーネントで label
の位置を設定または取得します。
設定しない場合、labelPosition
の値は "after"
です。
<igx-switch labelPosition="before"></igx-switch>
Switch コンポーネントの name
属性を設定または取得します。
<igx-switch name="Switch1"></igx-switch>
ネイティブ チェックボックス要素への参照を返します。
let checkboxElement = this.switch.nativeCheckbox;
ネイティブ ラベル要素への参照を返します。
let labelElement = this.switch.nativeLabel;
ラベル プレースホルダー要素への参照を返します。
let labelPlaceholder = this.switch.placeholderLabel;
tabindex
属性の値を取得または設定します。
<igx-switch [tabindex]="1"></igx-switch>
Switch コンポーネントの value
属性を設定または取得します。
<igx-switch [value]="switchValue"></igx-switch>
Switch が必須かどうかを設定または取得します。 デフォルト値は 'false' です。
<igx-switch [checked]="true"></igx-switch>
disabled
属性を設定または取得します。
デフォルト値は false
です。
<igx-switch disabled><igx-switch>
Switch コンポーネントが無効かどうかを設定または取得します。
デフォルト値は false
です。
<igx-switch invalid></igx-switch>
let isInvalid = this.switch.invalid;
igx-switch の nativeElement
への参照を返します。
let nativeElement = this.switch.nativeElement;
Switch が必須かどうかを設定または取得します。
設定しない場合、required
は false
です。
<igx-switch required></igx-switch>
Ignite UI Switch はオン/オフまたは true/false 状態の間に切り替えます。
Igx Module
IgxSwitchModule
Igx Theme
igx-switch-theme, igx-tooltip-theme
Igx Keywords
switch, states, tooltip
Igx Group
データ入力と表示
Remarks
Ignite UI Switch はオン/オフまたは true/false 状態の間に切り替えます。
Example