angular - react 性表格MinLength验证未显示错误

我在我的角度应用程序中使用ReactiveForms。我想如果用户放少于7个数字，所以错误信息应该显示在那里，但不幸的是，如果有任何错误或解决方案，它不起作用，所以请提供我。
谢谢
服务.ts

PhoneNo: ['', [Validators.required, Validators.minLength(7)]],

HTML格式

<input class="full-width has-padding has-border" formControlName="PhoneNo" type="tel" placeholder="Mobile *" />
        <img src="../../../../assets/img/required-img.png" class="required-img"
          *ngIf="service.formModel.get('PhoneNo').touched && service.formModel.get('PhoneNo').errors?.required"
          title="This fields is mandatory" data-toggle="tooltip" />
          <label *ngIf="service.formModel.get('PhoneNo').touched && service.formModel.get('PhoneNo').errors?.minLength">Minimum 7 characters required</label>

最佳答案

添加maxlength验证器，这将限制输入字符为7个字符；

PhoneNo: ['', [Validators.required, Validators.maxLength(7) , Validators.minLength(7)]],

demo 🔥🔥