Если вы хотите проверить FormControl
на наличие ошибок, вы можете рассмотреть FormControlDirective
, который принимает FormControl
как @Input:
Пример
<input name="name" [formControl]="name">
, иначе получить доступ к FormControl
как свойство formGroup
вместе с .? safe-navigation-operator
он же оператор Элвиса
detailsForm?.controls?.title?.hasError('required')
Модифицированный код
<div class="example-container">
<form [formGroup]="detailsForm">
<mat-form-field >
<input matInput placeholder="title" formControlName="title" name="title" #title>
<mat-error *ngIf="detailsForm?.controls?.title?.hasError('required')">
<p>Required</p>
</mat-error>
</mat-form-field>
</form>
</div>
stackblitz