我在<required>
内使用了<input>
。我也尝试使用ng-required =“true”。但即使必填字段为空,模态也会自行关闭。每当这个模态结束时,
请填写此fielld
显示,但即使使用空白输入字段,模态也会被删除。 见this plunk
如何在提交此表单之前确保表单已完全填写。
答案 0 :(得分:2)
required
和ng-required
属性仅影响表单的有效性。如果你想阻止你的模态按钮工作,你需要将表单的状态挂钩到类似ng-disabled
的状态。检查这个plunker:http://plnkr.co/edit/ru4uqgpcWKyGwCFfZPoO?p=preview
您会看到我将您的模态正文包装在名为“eventForm”的表单中,并将ng-disabled="eventForm.$invalid"
添加到“确定”按钮。
您可以在此处阅读有关Angular中表单的更多信息:http://docs.angularjs.org/guide/forms