这是我的自定义验证器:
form = new FormGroup({
temperatureMid: new FormControl(0, [
this.secondLimitGreaterFirst(),
Validators.required
])
});
secondLimitGreaterFirst(): ValidatorFn {
return (): {[key: string]: boolean} => {
if (1 === 1) { // only for testing
return { greater: true };
} else {
return { greater: false };
}
};
}
现在我想向用户显示这个自定义验证器的错误,但我不知道如何。
<mat-form-field>
<input matInput type="number" placeholder="{{ 'device.configure.temperaturePlaceholderMid' | translate }}" [(ngModel)]="data.tempMid" formControlName="temperatureMid">
<mat-error *ngIf="form.get('temperatureMid').hasError('secondLimitGreaterFirst')">Zweiter Wert muss größer sein</mat-error>
<mat-error *ngIf="form.get('temperatureMid').hasError('required')">{{ 'input.errors.required' | translate }}</mat-error>
</mat-form-field>