Input

API for input

API reference for Angular Material input

import {MatInputModule} from '@angular/material/input';

Directive to automatically resize a textarea to fit its content.

Selector: textarea[mat-autosize] textarea[matTextareaAutosize]

Exported as: matTextareaAutosize
Deprecated
Properties
Name Description
@Input('cdkTextareaAutosize')

enabled: boolean

Whether autosizing is enabled or not
@Input('mat-autosize')

matAutosize: boolean

@Input()

matAutosizeMaxRows: number

@Input()

matAutosizeMinRows: number

@Input()

matTextareaAutosize: boolean

@Input('cdkAutosizeMaxRows')

maxRows: number

Maximum amount of rows in the textarea.
@Input('cdkAutosizeMinRows')

minRows: number

Minimum amount of rows in the textarea.
Methods
reset

Resets the textarea to it's original size
resizeToFitContent

Resize the textarea to fit its content.
Parameters

force

boolean = false

Whether to force a height recalculation. By default the height will be recalculated only if the value changed since the last call.

Directive that allows a native input to work inside a MatFormField.

Selector: input[matInput] textarea[matInput] select[matNativeControl] input[matNativeControl] textarea[matNativeControl]

Exported as: matInput
Properties
Name Description
@Input()

errorStateMatcher: ErrorStateMatcher

An object used to control when error messages are shown.
@Input()

readonly: boolean

Whether the element is readonly.
@Input()

type: string

Input type of the element.

errorState: boolean

Whether the control is in an error state.
Methods
focus

Focuses the input.
updateErrorState

This token is used to inject the object whose value should be set into MatInput. If none is provided, the native HTMLInputElement is used. Directives like MatDatepickerInput can provide themselves for this token, in order to make MatInput delegate the getting and setting of the value to them.

const MAT_INPUT_VALUE_ACCESSOR: InjectionToken<{ value: any; }>;