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

Question

我正在使用Angular材料垫芯片来实现标签的管理功能。当我使用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)" 
        >