Ignite UI for Angular

すべて
  • パブリック
  • パブリック/保護
  • すべて

Class IgxRadioComponent

Ignite UI for Angular Radio Button - ヘルプ

Ignite UI Radio Button を使用すると、隣に表示されるオプションのセットから単一のオプションを選択する機能を提供します。

例:

<igx-radio>
  Simple radio button
</igx-radio>

階層

Hierarchy (View Summary)

実装

  • AfterViewInit
  • OnDestroy
  • ControlValueAccessor

コンストラクター

プロパティ

アクセサー

メソッド

コンストラクター

プロパティ

ariaLabel: string = null

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

<igx-checkbox aria-label="Checkbox1"></igx-checkbox>

let ariaLabel = this.checkbox.ariaLabel;
ariaLabelledBy: string = ...

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

<igx-checkbox aria-labelledby="Checkbox1"></igx-checkbox>

let ariaLabelledBy = this.checkbox.ariaLabelledBy;
change: EventEmitter<IChangeCheckboxEventArgs> = ...

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

cssClass: string = 'igx-radio'

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

let radioClass = this.radio.cssClass;

IgxRadioComponent

disabled: boolean = false

disabled 属性を取得または設定します。 デフォルト値は false です。

<igx-radio disabled></igx-radio>

let isDisabled =  this.radio.disabled;

IgxRadioComponent

disableRipple: boolean = false

リップル効果を有効または無効にします。 設定されていない場合、disableRipple の値は false になります。

<igx-checkbox [disableRipple]="true"></igx-checkbox>

let isRippleDisabled = this.checkbox.desableRipple;
focused: boolean = false

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

this.radio.focus = true;

let isFocused =  this.radio.focused;

IgxRadioComponent

id: string = ...

チェックボックス コンポーネントの id を取得または設定します。 設定されない場合、最初のチェックボックス コンポーネントの id は "igx-checkbox-0" になります。

<igx-checkbox id="my-first-checkbox"></igx-checkbox>

let checkboxId =  this.checkbox.id;
indeterminate: boolean
invalid: boolean = false

ラジオ ボタンが無効かどうかを取得または設定します。 デフォルト値は false です。

<igx-radio invalid></igx-radio>

let isInvalid =  this.radio.invalid;

IgxRadioComponent

labelId: string = ...

label 要素の id を取得または設定します。設定されない場合、最初のチェックボックス コンポーネントの label の id は "igx-checkbox-0-label" になります。

<igx-checkbox labelId="Label1"></igx-checkbox>

let labelId =  this.component.labelId;
labelPosition: string = LabelPosition.AFTER

label の位置を取得または設定します。 設定されていない場合、labelPosition は "after" です。

<igx-checkbox labelPosition="before"></igx-checkbox>

let labelPosition =  this.checkbox.labelPosition;
name: string

name 属性を取得または設定します。

<igx-checkbox name="Checkbox1"></igx-checkbox>

let name =  this.checkbox.name;
nativeInput: ElementRef

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

let checkboxElement =  this.component.checkboxElement;
nativeLabel: ElementRef

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


@example
let labelElement =  this.component.nativeLabel;
ngControl: NgControl = ...
placeholderLabel: ElementRef

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


@example
let labelPlaceholder =  this.component.placeholderLabel;
readonly: boolean
tabindex: number = null

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

<igx-checkbox [tabindex]="1"></igx-checkbox>

let tabIndex =  this.checkbox.tabindex;
value: any

value 属性を設定または取得します。

<igx-checkbox [value]="'CheckboxValue'"></igx-checkbox>

let value =  this.checkbox.value;

アクセサー

メソッド

  • 指定した値が現在のラジオ ボタンと整合性があるかどうかを確認します。 整合性がある場合、checked 属性の値は true になります。

    this.radio.writeValue('radioButtonValue');

    パラメーター

    • value: any

    返却 void