角度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"