文本字段 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.

参数

Parameters

element

Element

要监控的元素。

The element to monitor.

返回值

Returns

Observable<AutofillEvent>

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

A stream of autofill state changes.

monitor

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

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

参数

Parameters

element

ElementRef<Element>

要监控的元素

The element to monitor.

返回值

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.

方法
reset

把 textarea 重置为原始大小

Resets the textarea to its original size

resizeToFitContent

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

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.

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

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

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