角度2中的表單驗證錯誤消息

Question

自定義輸入框驗證錯誤消息在angular2中不起作用，並且也要求不起作用。如何解決此問題。有人知道請幫助我。

演示： https : //stackblitz.com/edit/angular-7-template-driven-form-validation-kkqcwh?file=app%2Fapp.component.html

<div class="form-group">
<label for="firstName">First Name</label>
<app-textbox type="text" name="firstName" [(ngModel)]="model.firstName" 
[(inputModel)]="model.firstName" #firstName="ngModel"
 required></app-textbox>
<div *ngIf="f.submitted && firstName.invalid" class="invalid-feedback">
<div *ngIf="firstName.errors.required">First Name is required</div>
</div>
</div>

Answer 1

問題是類invalid-feedback隱藏了加載的元素。

嘗試刪除它，它工作正常。

建議將顯示錯誤的嵌套div元素合並為一個，並有條件地將類添加為

[class.invalid-feedback]="your condition"