constructor

• new IgxInputDirective(
      inputGroup: IgxInputGroupBase,
      ngModel: NgModel,
      formControl: NgControl,
      element: ElementRef<HTMLInputElement>,
      cdr: ChangeDetectorRef,
      renderer: Renderer2,
  ): IgxInputDirective

  Parameters

  • inputGroup: IgxInputGroupBase

  • ngModel: NgModel

  • formControl: NgControl

  • element: ElementRef<HTMLInputElement>

  • cdr: ChangeDetectorRef

  • renderer: Renderer2

  Returns IgxInputDirective

inputGroup

isInput

this.igxInput.isInput = true;
Copy

let isCLassAdded = this.igxInput.isInput;
Copy

isTextArea

this.igxInput.isTextArea = true;
Copy

let isCLassAdded = this.igxInput.isTextArea;
Copy

disabled

• get disabled(): boolean

  Gets the disabled property

  Example

  @ViewChild('igxInput', {read: IgxInputDirective})
   public igxInput: IgxInputDirective;
  let isDisabled = this.igxInput.disabled;
  Copy

  Returns boolean

• set disabled(value: boolean): void

  Sets the disabled property.

  Example

  <input-group>
   <input igxInput #igxInput [disabled]="true">
  </input-group>
  Copy

  Parameters

  • value: boolean

  Returns void

focused

• get focused(): boolean

  Gets whether the igxInput is focused.

  Example

  let isFocused = this.igxInput.focused;
  Copy

  Returns boolean

hasPlaceholder

• get hasPlaceholder(): boolean

  Gets whether the igxInput has a placeholder.

  Example

  let hasPlaceholder = this.igxInput.hasPlaceholder;
  Copy

  Returns boolean

isValid

• get isValid(): boolean

  Gets whether the igxInput is valid.

  Example

  let valid = this.igxInput.isValid;
  Copy

  Returns boolean

nativeElement

• get nativeElement(): HTMLInputElement

  Gets the nativeElement of the igxInput.

  Example

  let igxInputNativeElement = this.igxInput.nativeElement;
  Copy

  Returns HTMLInputElement

placeholder

• get placeholder(): string

  Gets the placeholder element of the igxInput.

  Example

  let igxInputPlaceholder = this.igxInput.placeholder;
  Copy

  Returns string

required

• get required(): boolean

  Gets whether the igxInput is required.

  Example

  let isRequired = this.igxInput.required;
  Copy

  Returns boolean

• set required(value: boolean): void

  Sets the required property.

  Example

  <input-group>
   <input igxInput #igxInput required>
  </input-group>
  Copy

  Parameters

  • value: boolean

  Returns void

valid

• get valid(): IgxInputState

  Gets the state of the igxInput.

  Example

  let igxInputState = this.igxInput.valid;
  Copy

  Returns IgxInputState

• set valid(value: IgxInputState): void

  Sets the state of the igxInput.

  Example

  this.igxInput.valid = IgxInputState.INVALID;
  Copy

  Parameters

  • value: IgxInputState

  Returns void

value

• get value(): any

  Gets the value property.

  Example

  @ViewChild('igxInput', {read: IgxInputDirective})
   public igxInput: IgxInputDirective;
  let inputValue = this.igxInput.value;
  Copy

  Returns any

• set value(value: any): void

  Sets the value property.

  Example

  <input-group>
   <input igxInput #igxInput [value]="'IgxInput Value'">
  </input-group>
  Copy

  Parameters

  • value: any

  Returns void

focus

• focus(): void

  Sets a focus on the igxInput.

  Example

  this.igxInput.focus();
  Copy

  Returns void