クラス 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, renderer: Renderer2): IgxInputDirective

- 次で定義 projects/igniteui-angular/src/lib/directives/input/input.directive.ts:106
パラメーター
- inputGroup: IgxInputGroupBase
- ngModel: NgModel
- formControl: FormControlName
- element: ElementRef<HTMLInputElement>
- cdr: ChangeDetectorRef
- renderer: Renderer2
返却 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:179
disabled プロパティを取得します。
例:
```
@ViewChild('igxInput', {read: IgxInputDirective})
 public igxInput: IgxInputDirective;
let isDisabled = this.igxInput.disabled;
```
返却 boolean
- 次で定義 projects/igniteui-angular/src/lib/directives/input/input.directive.ts:162
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:427
igxInput がフォーカスされるかどうかを取得します。
例:
```
let isFocused = this.igxInput.focused;
```
返却 boolean

hasPlaceholder

get hasPlaceholder(): boolean

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

isValid

get isValid(): boolean

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

nativeElement

get nativeElement(): HTMLInputElement

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

placeholder

get placeholder(): string

- 次で定義 projects/igniteui-angular/src/lib/directives/input/input.directive.ts:400
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:206
igxInput が必須かどうかを取得します。
例:
```
let isRequired = this.igxInput.required;
```
返却 boolean
- 次で定義 projects/igniteui-angular/src/lib/directives/input/input.directive.ts:194
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:438
igxInput の状態を取得します。
例:
```
let igxInputState = this.igxInput.valid;
```
返却 IgxInputState
- 次で定義 projects/igniteui-angular/src/lib/directives/input/input.directive.ts:450
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:147
value プロパティを取得します。
例:
```
@ViewChild('igxInput', {read: IgxInputDirective})
 public igxInput: IgxInputDirective;
let inputValue = this.igxInput.value;
```
返却 any
- 次で定義 projects/igniteui-angular/src/lib/directives/input/input.directive.ts:133
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:327
igxInput にフォーカスを設定します。
例:
```
this.igxInput.focus();
```
返却 void

クラス IgxInputDirective

階層

実装

Index

コンストラクタ

プロパティ

アクセサー

メソッド

コンストラクタ

constructor

パラメーター

inputGroup: IgxInputGroupBase

ngModel: NgModel

formControl: FormControlName

element: ElementRef<HTMLInputElement>

cdr: ChangeDetectorRef

renderer: Renderer2

返却 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