如何验证Angular中FormGroup/FormControl数组元素的maxLength

Question

如何在FormControl中为数组内的字符串添加最大长度？

以下设置了元素数量的验证器，而不是数组中元素可以具有的字符数量：

let formGroup: FormGroup = new FormGroup({
tags: new FormControl([], [Validators.maxLength(32)]),

})；

Answer 1

正如Tom所提到的，我需要使用FormArray并添加FormControls

工作代码：

formGroup: FormGroup = new FormGroup({
tags: new FormArray([])}),
//Function to add FormControls to FormArray
addTag(tag: string) {
this.formGroup
.get('tags')
.value.push(new FormControl(tag, Validators.maxLength(32)));
}