angular - 如何在角垫文本区域中设置最大字符长度?
问题描述
当用户在角度文本区域中输入时,我们如何检查总字符数?
当用户输入他的数据时,文本区域将检查总字符输入,如果超过 1000 个字符,将显示错误,如果超过,现在显示允许用户添加更多字符。
#代码
<mat-form-field appearance="outline" class="pr-4" fxFlex hintLabel="Max 1000 characters">
<mat-label>Reason</mat-label>
<textarea (keypress)="textAreaKeyPress($event)"
formControlName="text"
[maxLength]="150"
matInput
required
cdkTextareaAutosize
cdkAutosizeMinRows="3"
cdkAutosizeMaxRows="5"
></textarea>
<mat-error *ngIf="">Max 1000 characters</mat-error>
解决方案
只需要添加模板引用变量。
<mat-form-field appearance="outline" class="pr-4" fxFlex hintLabel="Max 1000 characters">
<mat-label>Reason</mat-label>
<textarea (keypress)="textAreaKeyPress($event)"
formControlName="text"
maxlength="1000"
matInput
required
cdkTextareaAutosize
cdkAutosizeMinRows="3"
cdkAutosizeMaxRows="5"
#description></textarea>
<mat-error *ngIf="description.value?.length > 1000">Max 1000 characters</mat-error>
推荐阅读
- python - 我在为 Discord 编写机器人时遇到 @client.event 错误
- reactjs - axios.all/Axios.spread : 在我将响应设置为状态后,应用程序无法读取它
- php - 检查默认路径中的 grpc 和 protobuf 文件...未找到配置:错误:请重新安装 grpc 发行版
- php - laravel 返回下载会创建额外的文件
- java - org.assertj.core.api.ObjectAssert.usingRecursiveComparison() Configuration Isn't Used for Child Objects
- python - 如何使用python pandas过滤包含来自未命名列excel的关键字的文本数据并打印到txt文件
- visual-studio-code - 无法连接到远程扩展主机服务器(错误:处理程序已设置!)
- microsoft-graph-api - Office 365 Online Exchange(日历)- 禁用对 OData 的访问
- javascript - 区块链测试驱动开发的错误
- azure - 私有链接支持的存储和源 ip