Angular Custom Form Control验证适用于表单,但不适用于control.valid

时间:2018-02-01 16:34:26

标签: angular custom-controls

由于我需要一些自定义验证,我试图在我的Angular应用程序中构建自定义表单控件。我从Plunker那里拿了一份工作样本,然后我开始构建它。它在HTML和表单本身中运行正常:每当它变为无效时,ng-invalid类就会添加到控件上,当它有效时,会添加ng-valid类,并且如果我在HTML上打印form.valid,它会正确打印。但是,如果我在我的打字稿组件中调用control.valid属性,则控件始终有效,我无法理解原因。

我制作了自己的Plunker来举例说明: Sample Plunker

我有一个<span>应该在控件无效时显示,我在validarSpan()函数中检查它。但是,查看console.loginvalid始终为false,即使输入控件上明显显示ng-invalid。我知道我可以检查一下,但是control.valid用于我的所有其他组件用于普通控件,并且让它不起作用是危险的。有没有办法覆盖control.valid所以我可以返回正确的信息?我现在已经待了一天多了,而且还没到任何地方。谢谢你的帮助

0 个答案:

没有答案