手机版

关于ng-submit在角度表单提交中的默认用法

时间:2021-08-29 来源:互联网 编辑:宝哥软件园 浏览:

提交表单时,我使用了一个按钮,但是ng-submit写在表单标签中,但是我没有使用任何方法来访问按钮中的submit()函数

Div ng-app=' dkr ' Div ng-controller=' log in control ' form ng-submit=' submit(user)' Div帐户名输入类型=' text' ng-model=' user . username '/Div密码输入类型=' text ' ng-model=' user。password/div button type=' submit ' submit/button div ng-show=' success . length 0 ' { success } }/div div ng-show=' error . length 0 ' { error } }/div/form/div code class=' language-html '/div/code angular . module(' dkr ',[])。controller('logincontrol ',function($ scope){ $ scope . user={ username : ' ',password : ' ' };$ scope.success=$ scope.error=$ scope . submit=function(u){ if($ scope . user . username==' admin ' $ scope . user . password==' 123 '){ $ scope . success=' success ';$ scope.error=} else { $ scope.success=$ scope.error=' error} console . log(u);};})提交后点击结果:

angular  ng-submit默认使用方法

如上所示,返回的结果和控制台打印完全正确。

但是,我没有做任何事情来提交这个按钮

然后经过测试,我发现按钮的默认类型是提交。

因为只要

按钮提交/按钮已更改为

按钮类型='按钮'提交/按钮后,

点击按钮没有任何反应。

因此,我们在提交表单时必须注意按钮标签的默认使用。

以上文章讲的是ng-submit在angular form submit中的默认用法,这是边肖分享的全部内容。希望能给大家一个参考,支持我们。

版权声明:关于ng-submit在角度表单提交中的默认用法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。