Angular（2/4/5/6）自定义验证器错误消息未显示

Question

我正在尝试使用表单自定义验证器正确显示我的验证器，但我不知道如何调用它。我在 html 端尝试了 BroadcastForm.controls.errors.customTimeValidator() 但它不能正常工作。感谢您的帮助！

broadcast.component.ts

ngOnInit() {
    this.BroadcastForm = this.fb.group({
        datetime: [
            datetime,
            Validators.compose([Validators.required, this.customTimeValidator()]),
        ],
    });
}

customTimeValidator(): ValidatorFn {
    return (control: AbstractControl): { [key: string]: any } | null => {
        const minDate = new Date();
        minDate.setSeconds(0);
        this.minTime = minDate.getTime() + 59 * 1000;
        const forbidden = control.value <= minDate;
        return forbidden ? { forbiddenName: { value: control.value } } : null;
};
}

broadcast.component.html

<div class="validation-error" *ngIf="
   BroadcastForm.controls.datetimeOption.value === 'false' &&
   BroadcastForm.controls.errors.customTimeValidator()"> //how do I call customTimeValidator correctly?
   Please select a future date/time
 </div>

Answer 1

改变这个

BroadcastForm.controls.errors.customTimeValidator()

到

BroadcastForm.controls['datetime']['errors']['forbiddenName']

其实你可以使用json管道找到所有的错误

{{ BroadcastForm.controls['datetime']['errors'] | json }}

Answer 2

很抱歉，接受的答案令人作呕，无论是查看还是使用。

使用更简单、更干净、有文档的东西：

BroadcastForm.get('datetime').hasError('forbiddenName')