@neoprospecta/angular-textarea-resize
是一个可以让 textarea 自动适应内容高度的 Angular 组件。它基于 @neoprospecta/textarea-autosize
包进行封装,仅适用于 Angular 项目。
安装
使用 npm 进行安装:
--- ------- -------------------------------------
导入
在需要使用的模块中导入 TextareaResizeModule
:
------ - -------------------- - ---- ---------------------------------------- ----------- -------- ----------------------- --- -- ------ ----- --------- - -
使用
在需要使用的组件模板中,将 textarea
标签包裹在 textarea-resize
的标签中:
----------------- --------------------- ------------------
配置
TextareaResizeComponent
组件可以接受以下配置项:
minHeight
:最小高度。默认值为30
。maxHeight
:最大高度。默认值为null
,表示没有限制。debounceTime
:延迟时间,单位为毫秒。默认值为100
。
可以通过设置 TextareaResizeService
的属性来进行全局配置:
------ - --------------------- - ---- ---------------------------------------- ------------------- ---------------------- ---------------------- - ------------------------------------ - --- -
另外,还可以通过给 TextareaResizeComponent
组件传递配置项来进行局部配置:
---------------- ---------------- ----------------- --------------------- --------------------- ------------------
示例代码
---------------- ---------------- ----------------- --------------------- --------- ------------------------------- ------------------
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60055aee81e8991b448d895f