最小长度验证器不起作用,angular6反应形式

时间:2019-05-21 09:31:16

标签: angular

我正在尝试使用像这样的最小长度验证器

<mat-error  *ngIf="peAddForm.controls.peBundleId.hasError('minlength') && (peAddForm.controls.peBundleId.dirty || peAddForm.controls.peBundleId.touched)">
                                Minimum value should be 1

但是没有显示错误。

请帮助

编辑:我得到了答案,应该是'min'而不是'minlength'

2 个答案:

答案 0 :(得分:0)

尝试这个

*ngIf="peAddForm.controls.peBundleId.errors?.minlength

答案 1 :(得分:0)

您可以尝试使用此较短的版本

public peAddForm: FormGroup;
get peBundleId() {
   return this.loginForm.get("peBundleId");
}

并在您的模板中

<div *ngIf="peBundleId.errors.minlength">
    minlength is not valid
</div>