如何限制角料垫芯片的字符尺寸？

Question

我正在使用角度材料垫芯片来实现标签的管理功能。当我使用maxLength验证器属性时，它会检查芯片的数量，即标签的数量。但是当客户输入20个字符的标签或芯片时，我想显示错误信息。我想限制客户为芯片或标签输入20个字符。

任何建议......

Answer 1

Working Demo

可以在输入上使用maxLength属性

   <input placeholder="New fruit..."
               [matChipInputFor]="chipList"
               [matChipInputSeparatorKeyCodes]="separatorKeysCodes"
               [matChipInputAddOnBlur]="addOnBlur"
               (matChipInputTokenEnd)="add($event)"
                maxlength=20
               (input)="onChangeValue($event.target.value)" 
        >