Динамическое изменение значения maxLength углового 2 Validators.maxLength

Question

В подтверждение групповой группы я пытаюсь применить максимальную длину ввода, однако эта максимальная длина зависит от другого действия в форме. Если они меняются, измените также значение свойства maxMsgLength.

тзда: [ '', Validators.maxLength (this.maxMsgLength)],

Однако после смены maxMsgLength, валидатор палки к старому значению maxMsgLength. Есть ли способ перезапуска проверки для этого поля проверки с новым значением maxLength?

Код: класс Учетная запись { maxMsgLength = 200; newAccount: FormGroup;

//activated by click on another method 
    private changeMaxMsgLength() : void { 
    let values = Object.values(this.accountsStorage); 
    if(values.includes("oldAccount")) { 
     this.maxMsgLength = 150; 
    } else { 
     this.maxMsgLength = 200; 
    } 
    } 

    ngOnInit(): void { 
    this.newAccount = this.formbuilder.group({ 
     msg   : ['', Validators.maxLength(this.maxMsglength)], 
     link  : ['', Validators.pattern('^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$')], 
     schedule : ['', Validators.pattern('^[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1]) (2[0-3]|[01][0-9]):[0-5][0-9]$')] 
    }); 

    } 

} 
//where in template there is 


<div class="form-group"> 
    <label for="name">Message</label> 
    <textarea class="form-control" id="Message" formControlName="msg" style="width: 300px; height: 150px;"></textarea> 
</div> 
<div class="error" *ngIf="newAccount.get('msg').hasError('maxlength')"> 
    Maximum of {{maxMsglength}} characters 
</div> 

Answer 1

Обнаруженные ответ! : D, необходимо использовать метод setValidators из AbstractControl:.

newAccount.controls['msg'].setValidators(Validators.maxLengt‌h(this.maxMsglength)‌​) 

Метода overites предыдущего валидатора и установить новый с обновленным значением maxMsgLenth

Answer 2

Вы можете использовать maxlength атрибут вашего ввода HTML для него:

<input [attr.maxlength]="maxMsgLength" />