Preparing search index...
The search index is not available

クラス IgxInputDirective

igxInput ディレクティブは、単一または複数行のテキスト要素を作成し、フォーム入力を扱うときの一般的なシナリオに対処します。

@igxmodule: IgxInputGroupModule
@igxparent: Data Entry & Display
@igxtheme: igx-input-group-theme
@igxkeywords: input, input group, form, field, validation
@igxgroup: presentation
@例:: <input-group> <label for="address">Address</label> <input igxInput name="address" type="text" [(ngModel)]="customer.address"> </input-group>

階層

IgxInputDirective

実装

AfterViewInit
OnDestroy

Index

コンストラクタ

constructor

プロパティ

アクセサー

メソッド

focus

コンストラクタ

constructor

new IgxInputDirective(inputGroup: IgxInputGroupBase, ngModel: NgModel, formControl: FormControlName, element: ElementRef<HTMLInputElement>, cdr: ChangeDetectorRef): IgxInputDirective

- 次で定義 projects/igniteui-angular/src/lib/directives/input/input.directive.ts:105
パラメーター
- inputGroup: IgxInputGroupBase
- ngModel: NgModel
- formControl: FormControlName
- element: ElementRef<HTMLInputElement>
- cdr: ChangeDetectorRef
返却 IgxInputDirective

プロパティ

inputGroup

inputGroup: IgxInputGroupBase

isInput

isInput: boolean = false

"igx-input-group__input"クラスがホスト要素に追加されるかどうかを取得または設定します。デフォルトはfalse` です。

@例:: let isCLassAdded = this.igxInput.isInput;
@例:: let isCLassAdded = this.igxInput.isInput;

isTextArea

isTextArea: boolean = false

"class.igx-input-group__textarea" クラスがホスト要素に追加されるかどうかを取得または設定します。デフォルトは false です。

@例:: let isCLassAdded = this.igxInput.isTextArea;
@例:: let isCLassAdded = this.igxInput.isTextArea;

アクセサー

disabled

get disabled(): boolean
set disabled(value: boolean): void

- 次で定義 projects/igniteui-angular/src/lib/directives/input/input.directive.ts:176
disabled プロパティを取得します。
@例:
@ViewChild('igxInput', {read: IgxInputDirective}) public igxInput: IgxInputDirective; let isDisabled = this.igxInput.disabled;
返却 boolean
- 次で定義 projects/igniteui-angular/src/lib/directives/input/input.directive.ts:159
disabled プロパティを設定します。
@例:
<input-group> <input igxInput #igxInput required> </input-group>
パラメーター
- value: boolean
返却 void

focused

get focused(): boolean

- 次で定義 projects/igniteui-angular/src/lib/directives/input/input.directive.ts:421
igxInput がフォーカスされるかどうかを取得します。
@例:
let isFocused = this.igxInput.focused;
返却 boolean

hasPlaceholder

get hasPlaceholder(): boolean

- 次で定義 projects/igniteui-angular/src/lib/directives/input/input.directive.ts:383
igxInput にプレースホルダーがあるかどうかを取得します。
@例:
let hasPlaceholder = this.igxInput.hasPlaceholder;
返却 boolean

isValid

get isValid(): boolean

- 次で定義 projects/igniteui-angular/src/lib/directives/input/input.directive.ts:456
igxInput が有効かどうかを取得します。
@例:
let valid = this.igxInput.isValid;
返却 boolean

nativeElement

get nativeElement(): HTMLInputElement

- 次で定義 projects/igniteui-angular/src/lib/directives/input/input.directive.ts:335
igxInput の nativeElement を取得します。
@例:
let igxInputNativeElement = this.igxInput.nativeElement;
返却 HTMLInputElement

placeholder

get placeholder(): string

- 次で定義 projects/igniteui-angular/src/lib/directives/input/input.directive.ts:394
igxInput のプレースホルダー要素を取得します。
@例:
let igxInputPlaceholder = this.igxInput.placeholder;
返却 string

required

get required(): boolean
set required(value: boolean): void

- 次で定義 projects/igniteui-angular/src/lib/directives/input/input.directive.ts:203
igxInput が必須かどうかを取得します。
@例:
let isRequired = this.igxInput.required;
返却 boolean
- 次で定義 projects/igniteui-angular/src/lib/directives/input/input.directive.ts:191
required プロパティを設定します。
@例:
<input-group> <input igxInput #igxInput required> </input-group>
パラメーター
- value: boolean
返却 void

valid

get valid(): IgxInputState
set valid(value: IgxInputState): void

- 次で定義 projects/igniteui-angular/src/lib/directives/input/input.directive.ts:432
igxInput の状態を取得します。
@例:
let igxInputState = this.igxInput.valid;
返却 IgxInputState
- 次で定義 projects/igniteui-angular/src/lib/directives/input/input.directive.ts:444
igxInput の状態を設定します。
@例:
this.igxInput.valid = IgxInputState.INVALID;
パラメーター
- value: IgxInputState
返却 void

value

get value(): any
set value(value: any): void

- 次で定義 projects/igniteui-angular/src/lib/directives/input/input.directive.ts:144
value プロパティを取得します。
@例:
@ViewChild('igxInput', {read: IgxInputDirective}) public igxInput: IgxInputDirective; let inputValue = this.igxInput.value;
返却 any
- 次で定義 projects/igniteui-angular/src/lib/directives/input/input.directive.ts:130
value プロパティを設定します。
@例:
<input-group> <input igxInput #igxInput [value]="'IgxInput Value'"> </input-group>
パラメーター
- value: any
返却 void

メソッド

focus

focus(): void

- 次で定義 projects/igniteui-angular/src/lib/directives/input/input.directive.ts:324
igxInput にフォーカスを設定します。
@例:
this.igxInput.focus();
返却 void

クラス IgxInputDirective

階層

実装

Index

コンストラクタ

プロパティ

アクセサー

メソッド

コンストラクタ

constructor

パラメーター

inputGroup: IgxInputGroupBase

ngModel: NgModel

formControl: FormControlName

element: ElementRef<HTMLInputElement>

cdr: ChangeDetectorRef

返却 IgxInputDirective

プロパティ

inputGroup

isInput

isTextArea

アクセサー

disabled

返却 boolean

パラメーター

value: boolean

返却 void

focused

返却 boolean

hasPlaceholder

返却 boolean

isValid

返却 boolean

nativeElement

返却 HTMLInputElement

placeholder

返却 string

required

返却 boolean

パラメーター

value: boolean

返却 void

valid

返却 IgxInputState

パラメーター

value: IgxInputState

返却 void

value

返却 any

パラメーター

value: any

返却 void

メソッド

focus

返却 void