動態更改角度2的最大長度值Validators.maxLength

在表單組驗證中，我嘗試應用輸入最大長度，但是，此最大長度取決於表單中的其他操作。如果他們改變，也改變maxMsgLength屬性的值。動態更改角度2的最大長度值Validators.maxLength

MSG：[ ''，Validators.maxLength（this.maxMsgLength）]，

然而maxMsgLength，驗證器棒到舊maxMsgLength值的變化之後。有沒有一種方法來重新驗證這個驗證字段的新值maxLength？

代碼： class Account { 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>

來源

2016-11-14 Daniel Drozdzel

而且沒有按」工作this.newAccount.controls [ 'MSG'] updateValueAndValidity（） ; –

發現了答案！：d，需要使用方法setValidators從AbstractControl：

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

方法overites先前驗證器，並設置新的具有更新maxMsgLenth值

來源

2016-11-17 11:46:00

您可以使用HTML輸入的maxlength屬性吧：

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

來源

2016-11-14 12:12:38 ranakrunal9

動態更改角度2的最大長度值Validators.maxLength

回答

相關問題