aria-label 属性の値を取得または設定します。
<igx-switch aria-label="Label1"></igx-switch>
let ariaLabel = this.switch.ariaLabel;
aria-labelledBy 属性を取得または設定します。
設定されない場合、aria-labelledBy の値は labelId 属性の値と等しくなります。
<igx-switch aria-labelledby = "Label1"></igx-switch>
let ariaLabelledBy = this.switch.ariaLabelledBy;
switch 状態が変更された後に発生するイベント。
イベント引数として IgxSwitchComponent および checked プロパティへの参照を提供します。
switch がオンまたはオフかどうかを取得または設定します。 デフォルトは 'false' です。
<igx-switch [checked] = "true"></igx-switch>
let isChecked = this.switch.checked;
switch コンポーネントのクラスを返します。
let switchClass = this.switch.cssClass;
リップル エフェクトを有効または無効にします。
設定されない場合、disableRipple の値は false です。
<igx-switch [disableRipple]="true"></igx-switch>
let isRippleDisabled = this.switch.disableRipple;
disabled 属性を取得または設定します。
デフォルトは false です。
<igx-switch [disabled] = "true"><igx-switch>
let isDisabled = this.switch.disabled;
switch コンポーネントがフォーカスされるかどうかを取得または設定します。
デフォルトは false です。
this.switch.focused = true;
let isFocused = this.switch.focused;
switch コンポーネントの id を取得または設定します。
設定されない場合、最初の switch コンポーネントの id は "igx-switch-0" になります。
<igx-switch id="my-first-switch"></igx-switch>
let switchId = this.switch.id;
switch コンポーネントで label 要素の id を取得または設定します。
設定されない場合、最初の switch コンポーネントのラベルの値は "igx-switch-0-label" になります。
<igx-switch labelId="Label1"></igx-switch>
let labelId = this.switch.labelId;
switch コンポーネントの label の位置を取得または設定します。
設定されない場合、labelPosition の値は "after" です。
<igx-switch labelPosition="before"></igx-switch>
let labelPosition = this.switch.labelPosition;
switch コンポーネントの name 属性を取得または設定します。
<igx-switch name = "Switch1"></igx-switch>
let name = this.switch.name;
ネイティブ チェックボックス要素への参照を返します。
let checkboxElement = this.switch.nativeCheckbox;
ネイティブ ラベル要素への参照を返します。
let labelElement = this.switch.nativeLabel;
ラベル プレースホルダー要素への参照を返します。
let labelPlaceholder = this.switch.placeholderLabel;
switch が必須かどうかを取得または設定します。
設定されない場合、required の値は false です。
<igx-switch [required]="true"></igx-switch>
let isRequired = this.switch.required;
tabindex 属性の値を取得または設定します。
<igx-switch [tabindex]="1"></igx-switch>
let tabIndex = this.switch.tabindex;
switch コンポーネントの value 属性を取得または設定します。
<igx-switch [value] = "switchValue"></igx-switch>
let value = this.switch.value;
スイッチのチェックされた状態を切り替えます。
this.switch.toggle();
Ignite UI for Angular Switch - ヘルプ
Ignite UI Switch はオン/オフまたは true/false 状態の間に切り替えます。 例:
<igx-switch [checked]="true"> 簡易な switch </igx-switch>