大佬教程收集整理的这篇文章主要介绍了将AngularJS嵌套表单设置为已提交，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<form name="parentForm" ng-submit="submit()">
<input name="parentInput" type="text">
<ng-include src="childForm.html" ng-form="childForm"></ng-include>
<button type="submit">Submit</submit>
</form>
这是childForm.html
<input name="childInput" type="text">
由于与问题无关的原因,我无法合并父表格和子表单 – 它们需要是两个单独的文件.
现在,当用户单击提交按钮时,验证将正确应用于parentForm和childForm.但是,只有父表单将其$submitted标志设置为true,这是有问题的,因为我使用它来触发某些错误消息的显示.如果父表单是$submit,我不希望子表单检查,因为它们是两个单独的文件.我遇到的唯一选择是让child()方法在子窗体上调用$setSubmitted(),这是很尴尬的,因为现在父窗体需要直接引用子窗体.是否有更好的方法将子表单的$提交为true？
.directive('form',function() {
return {
restrict: 'E',require: 'form',link: function(scope,elem,attrs,formCtrl) {
scope.$watch(function() {
return formCtrl.$submitted;
},function(submitted) {
submitted && scope.$broadcast('$submitted');
});
}
};
})
.directive('ngForm',function() {
return {
restrict: 'EA',formCtrl) {
scope.$on('$submitted',function() {
formCtrl.$setSubmitted();
});
}
};
})
以上是大佬教程为你收集整理的将AngularJS嵌套表单设置为已提交全部内容，希望文章能够帮你解决将AngularJS嵌套表单设置为已提交所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。