如何在垫子输入上设置字符限制？

Question

我在文档中没有发现任何关于字符限制的提及。似乎是一个非常普遍的要求。

如何向此 Textarea 添加 300 个字符的限制？

https://stackblitz.com/edit/angular-izbcey?file=app/input-overview-example.ts

Answer 1

您可以像这样使用文本

<mat-form-field hintLabel="Max 300 characters">
<input matInput #input maxlength="300" placeholder="Enter some input">
<mat-hint align="end">{{input.value?.length || 0}}/300</mat-hint>
</mat-form-field>

用于文本区域

<mat-form-field hintLabel="Max 10 characters">
  <textarea #txtarea matInput  [maxLength]="10" [placeholder]="label"></textarea>
 </mat-form-field>