Angular 一次显示一条错误消息

我正在使用FormBuilder和验证器处理一个离子表单。错误消息都可以正常工作，但是有没有办法一次显示一条错误消息

.html代码

<ion-item no-lines *ngIf="(Form.get('password').hasError('minlength') || 
    Form.get('password').hasError('maxlength') ||Form.get('password').hasError('required') || 
    Form.get('password').hasError('pattern')  ) && Form.get('password').touched">

      <div class="error" *ngIf="cForm.get('password').hasError('required')">
        This field cannot be empty
      </div>
      <div class="error" *ngIf="Form.get('password').hasError('minlength') || Form.get('password').hasError('maxlength')">
        Please keep your password characters between 8 to 12
      </div>
      <div class="error" *ngIf="Form.get('password').hasError('pattern')">
        Please enter alphanumeric
      </div>
</ion-item>

{{cForm.get（'password'）.hasError（'required'）？'此字段不能为空：Form.get（'password'）.hasError（'pattern'）？'请将密码字符保持在8到12'之间：'请输入字母数字'}

但为什么在尝试添加minlength和maxlength时会出现解析器错误？

this.Form = formBuilder.group({
      password: ['', Validators.compose([Validators.minLength(8), Validators.maxLength(12), 
        Validators.pattern('[^A-Z]*'), Validators.required])]
    });

<div class="error" *ngIf="Form.get('password').hasError('pattern') || Form.get('password').hasError('required') || Form.get('password').hasError('minlength') || Form.get('password').hasError('maxlength')">
      {{cForm.get('password').hasError('required') ? 'This field cannot be empty' : Form.get('password').hasError('pattern') ? 'Please keep your password characters between 8 to 12' :'Please enter alphanumeric'}}
    </div>