Angular 角材质字段中未显示mat错误

我想在表单中显示错误。我正在使用角度材质输入：

当输入无效时，它不会显示错误，但当我将

mat error

更改为

div

时，它会显示该错误

---

有什么问题？我如何解决这个问题？？？

经过一些研究，我发现这可以解释：

我们可以从中了解到，只有当表单字段（控件） 表示有错误，则使用转换显示mat错误

所以我们可以假设materror需要一个formControl来检查formField是否有错误。 在代码中，您需要添加以下输入：

 <mat-form-field appearance="fill" class="phone-num">
    <input [placeholder]="'PROFILE.MOBILE_NUMBER' | translate" class="pointer" type="text" matInput
        [(ngModel)]="phoneNumber" (keyup)="onPhoneNumberChange()" [readonly]="isReadOnly" id="phoneNumberInput" [formControlName]="mobileNumber"> 

    <mat-error *ngIf="f.mobileNumber.hasError('validCountryPhone')"
        [translate]="'SHARED_VALIDATE.NOT_VALID_PHONENUMBER'"
        [translateParams]="{ value: 'PROFILE.MOBILE_NUMBER' | translate }">
    </mat-error>
</mat-form-field>

---

假设您的formControl的名称是

mobileNumber

，这很奇怪，一切看起来都很好。可能您的输入标记中需要一个formControl，您可能需要添加

errorStateMatcher

以将其添加到work@HDJEMAI如果希望在无效控件变脏后立即显示错误消息，则是正确的。或者，您可以在ngIf

f.mobileNumber.dirty&&f.mobileNumber.hasError（'validCountryPhone'）

中添加？