Сообщение об ошибке проверки формы в угловых 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"