"igx-input-group__input" クラスがホスト要素に追加されるかどうかを取得または設定します。
デフォルト値は false です。
this.igxInput.isInput = true;
let isCLassAdded = this.igxInput.isInput;
"class.igx-input-group__textarea" クラスがホスト要素に追加されるかどうかを取得または設定します。
デフォルト値は false です。
this.igxInput.isTextArea = true;
let isCLassAdded = this.igxInput.isTextArea;
disabled プロパティを取得します。
@ViewChild('igxInput', {read: IgxInputDirective})
public igxInput: IgxInputDirective;
let isDisabled = this.igxInput.disabled;
disabled プロパティを設定します。
<input-group>
<input igxInput #igxInput [disabled]="true">
</input-group>
igxInput がフォーカスされるかどうかを取得します。
let isFocused = this.igxInput.focused;
igxInput にプレースホルダーがあるかどうかを取得します。
let hasPlaceholder = this.igxInput.hasPlaceholder;
igxInput が有効かどうかを取得します。
let valid = this.igxInput.isValid;
igxInput の nativeElement を取得します。
let igxInputNativeElement = this.igxInput.nativeElement;
igxInput のプレースホルダー要素を取得します。
let igxInputPlaceholder = this.igxInput.placeholder;
igxInput が必須かどうかを取得します。
let isRequired = this.igxInput.required;
required プロパティを設定します。
<input-group>
<input igxInput #igxInput required>
</input-group>
igxInput の状態を取得します。
let igxInputState = this.igxInput.valid;
igxInput の状態を設定します。
this.igxInput.valid = IgxInputState.INVALID;
value プロパティを取得します。
@ViewChild('igxInput', {read: IgxInputDirective})
public igxInput: IgxInputDirective;
let inputValue = this.igxInput.value;
value プロパティを設定します。
<input-group>
<input igxInput #igxInput [value]="'IgxInput Value'">
</input-group>
The
igxInputディレクティブは、単一または複数行のテキスト要素を作成し、フォーム入力を扱うときの一般的なシナリオに対処します。Igx Module
IgxInputGroupModule
Igx Parent
データ入力と表示
Igx Theme
igx-input-group-theme
Igx Keywords
input, input group, form, field, validation
Igx Group
プレゼンテーション
Example