Текстовое окно проверки сообщения угловое 6

Question

Я пытаюсь показать пользовательское сообщение об ошибке проверки текстового поля только на управляемой шаблоном форме в угловом 7, но не работает. Кто-нибудь может решить эту проблему?

   <form #modelForm="ngForm">
   <div>

   <custom-input [(ngModel)]='model.firstname' name='firstname' title='First Name'></custom-input>

   <custom-input [(ngModel)]='model.surname' name='surname' title='Surname'></custom-input>

   <button type="submit" class="btn btn-default"
        [disabled]="modelForm.invalid">Submit</button>

  <button type="button" class="btn btn-default"
        (click)="modelForm.resetForm({})">Reset</button>
   </div>

  <div class="submitted-message" *ngIf="modelForm.submitted">
  <p>model has been submitted: {{ modelForm.value.firstname + ' ' + modelForm.value.surname }}</p>
  <button (click)="modelForm.resetForm({})">Add model</button>
   </div>
  </form>