由于我需要一些自定义验证,我试图在我的Angular应用程序中构建自定义表单控件。我从Plunker那里拿了一份工作样本,然后我开始构建它。它在HTML和表单本身中运行正常:每当它变为无效时,ng-invalid
类就会添加到控件上,当它有效时,会添加ng-valid
类,并且如果我在HTML上打印form.valid
,它会正确打印。但是,如果我在我的打字稿组件中调用control.valid
属性,则控件始终有效,我无法理解原因。
我制作了自己的Plunker来举例说明: Sample Plunker
我有一个<span>
应该在控件无效时显示,我在validarSpan()
函数中检查它。但是,查看console.log
,invalid
始终为false,即使输入控件上明显显示ng-invalid
。我知道我可以检查一下,但是control.valid用于我的所有其他组件用于普通控件,并且让它不起作用是危险的。有没有办法覆盖control.valid所以我可以返回正确的信息?我现在已经待了一天多了,而且还没到任何地方。谢谢你的帮助