在模板驱动表单中,输入组件(例如、等)应该与NgModel或FormControl绑定,以便将其值绑定到表单中。如果输入组件未正确绑定到表单,则它的值将不会被提交。
以下是一个示例,其中包含一个没有绑定到表单的输入组件:
要解决此问题,您可以将输入元素的名称与ngModel绑定,并将它们包装在一个ngForm元素内:
Submit
在此示例中,您使用#myForm创建了一个模板引用变量,并在form元素上使用ngForm指令。然后,您将输入元素的名称和ngModel指令绑定在一起,并添加了required验证器。最后,您使用模板引用变量myForm来禁用提交按钮,除非表单有效。
上一篇:Angular模板驱动表单自定义验证
下一篇:Angular模板驱动表单:至少验证一个已填项。