クラス IgxSwitchComponent

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

<igx-switch [checked]="true">
Simple switch
</igx-switch>

階層

Hierarchy

  • IgxSwitchComponent

実装

  • ControlValueAccessor
  • EditorProvider
  • AfterViewInit

コンストラクタ

プロパティ

ariaLabel: string = null

aria-label 属性の値を取得または設定します。

Example

<igx-switch aria-label = "Label1"></igx-switch>
ariaLabelledBy: string = ...

aria-labelledBy 属性を設定または取得します。 設定されない場合、aria-labelledBy の値は labelId 属性の値と等しくなります。

Example

<igx-switch aria-labelledby = "Label1"></igx-switch>
change: EventEmitter<IChangeSwitchEventArgs> = ...

Switch 状態が変更された後に発生するイベント。 イベント引数として IgxSwitchComponent および checked プロパティへの参照を提供します。

cssClass: string = 'igx-switch'

Switch コンポーネントのクラスを返します。

Example

let switchClass = this.switch.cssClass;
disableRipple: boolean = false

リップル エフェクトを有効または無効にします。 設定しない場合、disableRipplefalse です。

Example

<igx-switch [disableRipple]="true"></igx-switch>
focused: boolean = false

Switch コンポーネントがフォーカスされるかどうかを取得または設定します。 デフォルト値は false です。

Example

this.switch.focused = true;
id: string = ...

Switch コンポーネントの id を設定または取得します。 設定されない場合、最初の Switch コンポーネントのid"igx-switch-0" になります。

Example

<igx-switch id="my-first-switch"></igx-switch>
labelId: string = ...

Switch コンポーネントで label 要素の id を設定または取得します。 設定されない場合、最初の Switch コンポーネントのラベルの値は "igx-switch-0-label" になります。

Example

<igx-switch labelId="Label1"></igx-switch>
labelPosition: string = 'after'

Switch コンポーネントで label の位置を設定または取得します。 設定しない場合、labelPosition の値は "after" です。

Example

<igx-switch labelPosition="before"></igx-switch>
name: string

Switch コンポーネントの name 属性を設定または取得します。

Example

<igx-switch name="Switch1"></igx-switch>
nativeCheckbox: ElementRef<any>

ネイティブ チェックボックス要素への参照を返します。

Example

let checkboxElement =  this.switch.nativeCheckbox;
nativeLabel: ElementRef<any>

ネイティブ ラベル要素への参照を返します。

Example

let labelElement =  this.switch.nativeLabel;
ngControl: NgControl
placeholderLabel: ElementRef<any>

ラベル プレースホルダー要素への参照を返します。

Example

let labelPlaceholder = this.switch.placeholderLabel;
tabindex: number = null

tabindex 属性の値を取得または設定します。

Example

<igx-switch [tabindex]="1"></igx-switch>
value: any

Switch コンポーネントの value 属性を設定または取得します。

Example

<igx-switch [value]="switchValue"></igx-switch>

アクセサー