constructor

• new IgxInputDirective(inputGroup, ngModel, formControl, element, cdr, renderer): 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): 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): 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): 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): 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