クラス IgxRadioComponent

Ignite UI for Angular Radio Button - ヘルプ

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

<igx-radio>
  簡易なラジオ ボタン
</igx-radio>

階層

  • IgxRadioComponent

実装

  • ControlValueAccessor
  • EditorProvider

コンストラクタ

constructor

プロパティ

ariaLabel

ariaLabel: string | null = null

ラジオ コンポーネントの aria-label 属性を取得または設定します。

<igx-radio aria-label = "Radio1"></igx-radio>
let ariaLabel =  this.radio.ariaLabel;
@次のメンバー:

IgxRadioComponent

ariaLabelledBy

ariaLabelledBy: string = this.labelId

ラジオ コンポーネントの aria-labelledby 属性を取得または設定します。 設定されない場合、aria-labelledbylabelId 属性の値と等しくなります。

<igx-radio aria-labelledby = "Radio1"></igx-radio>
let ariaLabelledBy = this.radio.ariaLabelledBy;
@次のメンバー:

IgxRadioComponent

Readonly change

change: EventEmitter<IChangeRadioEventArgs> = new EventEmitter<IChangeRadioEventArgs>()

ラジオの value が変更された後に発生するイベント。 イベント引数として IgxRadioComponent および value プロパティへの参照を提供します。

@次のメンバー:

IgxRadioComponent

checked

checked: boolean = false

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

<igx-radio [checked] = "true"></igx-radio>
let isChecked =  this.radio.checked;
@次のメンバー:

IgxRadioComponent

cssClass

cssClass: string = "igx-radio"

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

let radioClass = this.radio.cssClass;
@次のメンバー:

IgxRadioComponent

disableRipple

disableRipple: boolean = false

ラジオ ボタンでリップル エフェクトを有効または無効にします。 設定されない場合、disableRipple の値は false です。

<igx-radio [disableRipple] = "true"></igx-radio>
let isDisabledRipple =  this.radio.disableRipple;
@次のメンバー:

IgxRadioComponent

disabled

disabled: boolean = false

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

<igx-radio [disabled] = "true"></igx-radio>
let isDisabled =  this.radio.disabled;
@次のメンバー:

IgxRadioComponent

focused

focused: boolean = false

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

this.radio.focus = true;
let isFocused =  this.radio.focused;
@次のメンバー:

IgxRadioComponent

id

id: string = `igx-radio-${nextId++}`

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

<igx-radio id = "my-first-radio"></igx-radio>
let radioId =  this.radio.id;
@次のメンバー:

IgxRadioComponent

labelId

labelId: string = `${this.id}-label`

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

<igx-radio labelId = "Label1"></igx-radio>
let labelId =  this.radio.labelId;
@次のメンバー:

IgxRadioComponent

labelPosition

labelPosition: RadioLabelPosition | string = "after"

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

<igx-radio labelPosition = "before"></igx-radio>
let labelPosition =  this.radio.labelPosition;
@次のメンバー:

IgxRadioComponent

name

name: string

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

<igx-radio name = "Radio1"></igx-radio>
let name =  this.radio.name;
@次のメンバー:

IgxRadioComponent

nativeLabel

nativeLabel: any

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

let labelElement =  this.radio.nativeLabel;
@次のメンバー:

IgxSwitchComponent

nativeRadio

nativeRadio: ElementRef

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

let radioElement =  this.radio.nativeRadio;
@次のメンバー:

IgxSwitchComponent

placeholderLabel

placeholderLabel: any

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

let labelPlaceholder =  this.radio.placeholderLabel;
@次のメンバー:

IgxSwitchComponent

required

required: boolean = false

ラジオ ボタンが必須かどうかを取得または設定します。 設定されない場合、required の値は false です。

<igx-radio [required] = "true"></igx-radio>
let isRequired =  this.radio.required;
@次のメンバー:

IgxRadioComponent

tabindex

tabindex: number = null

tabindex 属性の値を設定します。

<igx-radio [tabindex] = "1"></igx-radio>
let tabIndex =  this.radio.tabindex;
@次のメンバー:

IgxRadioComponent

value

value: any

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

<igx-radio [value] = "'radioButtonValue'"></igx-radio>
let value =  this.radio.value;
@次のメンバー:

IgxRadioComponent

メソッド

select

  • select(): void

writeValue

  • writeValue(value: any): void
  • 提供された値が現在のラジオ ボタンと一貫性のあるかどうかを確認します。 整合性がある場合、checked 属性の値は true になります。

    this.radio.writeValue('radioButtonValue');

    パラメーター

    • value: any

    返却 void