自定义输入验证器未按预期显示错误

Question

我已经简化了我的应用程序，只是为了显示我有一个自定义验证器的问题。

你可以在StackBlitz上看到应用程序代码:验证器。

我的验证器cannotContainSpace肯定是由框架调用的，因为我可以在它上面设置一个断点，但是来自HTML模板的消息。

密码不能包含空格。

没有像我期望的那样显示。

换句话说，当我用空格输入一些单词并按下Login按钮时，我预计会出现错误:

密码不能包含空格。

要显示在页面内容中，但是没有错误显示。

Answer 1

问题从这里开始:

password: [
'',
Validators.required, Validators.minLength(3), this.cannotContainSpace,
],

，您应该将多个验证器包装成一个数组，例如:

password: [
'',
[Validators.required, Validators.minLength(3), this.cannotContainSpace],
],

StackBlitz Demo示例

引用

---

为响应式表单添加自定义验证器