文本字段 Text field

text-field 的 API

Angular CDK text-field API 参考文档

import {TextFieldModule} from '@angular/cdk/text-field';

一种可注入的服务,可以用来监控输入框的自动填充状态。根据以下博客文章: https://medium.com/@brunn/detecting-autofilled-fields-in-javascript-aed598d25da7

An injectable service that can be used to monitor the autofill state of an input. Based on the following blog post: https://medium.com/@brunn/detecting-autofilled-fields-in-javascript-aed598d25da7

方法
monitor

监控指定输入元素的自动填充状态变化。

Monitor for changes in the autofill state of the given input element.

要监控的元素。

@param element The element to monitor.

一个反映自动填充状态变化的流。

@return A stream of autofill state changes.

参数

Parameters

element

Element

返回值

Returns

Observable<AutofillEvent>

一个反映自动填充状态变化的流。

A stream of autofill state changes.

monitor

监控指定输入元素的自动填充状态变化。

Monitor for changes in the autofill state of the given input element.

要监控的元素

@param element The element to monitor.

一个反映自动填充状态变化的流。

@return A stream of autofill state changes.

参数

Parameters

element

ElementRef<Element>

返回值

Returns

Observable<AutofillEvent>

一个反映自动填充状态变化的流。

A stream of autofill state changes.

stopMonitoring

参数

Parameters

elementOrRef

Element | ElementRef<Element>

一个指令,用于监控输入的自动填充状态。

A directive that can be used to monitor the autofill state of an input.

选择器: [cdkAutofill]
属性
名称 描述
@Output()

cdkAutofill: EventEmitter<AutofillEvent>

元素的自动填充状态发生变化时触发。

Emits when the autofill state of the element changes.

用于自动调整 textarea 大小以适应其内容的指令。

Directive to automatically resize a textarea to fit its content.

选择器: textarea[cdkTextareaAutosize]
导出为: cdkTextareaAutosize
属性
名称 描述
@Input('cdkTextareaAutosize')

enabled: boolean

是否启用了自动调整大小的功能

Whether autosizing is enabled or not

@Input('cdkAutosizeMaxRows')

maxRows: number

textarea 中的最大行数。

Maximum amount of rows in the textarea.

@Input('cdkAutosizeMinRows')

minRows: number

textarea 中的最小行数。

Minimum amount of rows in the textarea.

@Input()

placeholder: string

方法
reset

把 textarea 重置为原始大小

Resets the textarea to its original size

resizeToFitContent

调整 textarea 的大小以适应它的内容。

Resize the textarea to fit its content.

是否强行重新计算高度。默认情况下,只有当自上一次调用后的值发生变化时,才会重新计算高度。

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

参数

Parameters

force

boolean = false

当输入框的自动填充状态发生变化时发出的事件。

An event that is emitted when the autofill state of an input changes.

type AutofillEvent = {
    target: Element;
    isAutofilled: boolean;
};