Html 带角度的表单验证：如何显示不同无效案例的特定错误？

我有一个表单来验证所有的输入。例如，对于“username”输入，我希望首先确保它是必填字段，其次确保它的长度不小于2或大于10（或者适合我使用的另一种模式）

我想在验证失败时显示一个错误。如果我想为每种情况显示一个特定的错误，我该怎么做？例如：如果输入为空，则显示“必需”，如果值错误，则显示“无效”。这是我的密码：

组成部分：

companyNamePattern = "^[a-z0-9_-]{8,15}$";
pwdPattern = "^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?!.*\s).{6,12}$";
emailPattern = "^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$";

this.addCompForm = fb.group({
  'companyName':     [null,Validators.compose([Validators.required,Validators.minLength(5),Validators.maxLength(20)])],
  'companyPassword': [null,Validators.compose([Validators.required,Validators.minLength(5),Validators.maxLength(20)])],
  'companyEmail':    [null,Validators.compose([Validators.required,Validators.email])]
})

html:

输入公司名称：

{{nameAlert}}
输入公司密码：

{{passAlert}
输入公司电子邮件：

{{emailAlert}}




完成

将此项添加到必填字段，并

*ngIf="addCompForm.get('companyName').hasError('minLength')

---

添加此选项可使最小长度与最大长度相同。hasErro（'maxlength'）

any？……这不起作用。。。这里的代码是：所需的最小值最大值见此..它适用于stackblitz。。

*ngIf="addCompForm.get('companyName').hasError('required')

*ngIf="addCompForm.get('companyName').hasError('minLength')