我有屬性的文本框部件ng-minlength和ng-required從變數設定required和minlength被設定為真和3分別
<div *ngIf="required" class="inline required">
*
</div>
<div class="input-container inline">
<input type="text"
#txtBox="ngModel"
[(ngModel)]="value"
(focus)="onFocus($event)"
(ngModelChange)="change($event)"
ng-minlength="minlength"
ng-required="required">
<div *ngIf="txtBox.errors">
<div class="row alert alert-danger alert-div">
<div *ngIf="txtBox.errors?.['required']">
<span>
Required field
</span>
</div>
<div *ngIf="txtBox.errors?.['minlength']">
<span>
Min length error
</span>
</div>
</div>
</div>
</div>
當此文本框處于焦點或加載組件時，我想向用戶顯示驗證。但是，問題是組件負載txtBox.errors為空。如何實作這一目標？
uj5u.com熱心網友回復：
您錯誤地應用了驗證器。驗證器被稱為“minlength”和“required”，沒有“ng-”前綴。此外，如果您為它們分配變數，則需要使用 [] 中的語法，否則 Angular 會將值解釋為字串。
所以應該是：
<input type="text"
#txtBox="ngModel"
[(ngModel)]="value"
(focus)="onFocus($event)"
(ngModelChange)="change($event)"
[minlength]="minlength"
[required]="required">
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/352509.html
標籤：有角的