在表单提交的时候,我使用了一个按钮,但ng-submit写在表单标签中,然而按钮中我未使用任何方法访问提交()函数
& lt; div ng-app=暗ぢ罂死伞北?
& lt; div ng-controller=發ogincontrol”比;
& lt;形式ng-submit=疤峤弧?用户)的在
& lt; div>账号名& lt;输入类型=拔谋尽眓g-model=" user.username "/祝辞& lt;/div>
& lt; div>密码& lt;输入类型=拔谋尽眓g-model=皍ser.password祝辞& lt;/div>
& lt;按钮类型=疤峤弧弊４翘峤? lt;/button>
& lt; div ng-show=" success.length> 0 "在{{成功}}& lt;/div>
& lt; div ng-show=" error.length> 0 "在{{错误}}& lt;/div>
& lt;/form>
& lt;/div>
之前
& lt;代码类=" language-html "祝辞& lt;/div> & lt;/code>
之前
angular.module(“丹麦克郎”,[])
范式(“logincontrol函数(范围){
$ scope.user={用户名:“密码:“};
美元scope.success=" ";
美元scope.error=" ";
$ scope.submit=函数(u) {
if ($ scope.user.username==癮dmin”,和美元scope.user.password==" 123 ") {
美元scope.success=俺晒Α?
美元scope.error=" ";
}
其他{
美元scope.success=" ";
$ scope.error=按砦蟆?
}
console.log (u);
}；
}）
之前
如上所示,返回结果以及控制台打印完全正确。
然而我对提交这个按钮未做任何处理
然后经过测试,我发现按钮的默认类型为submit。
<强>因为只要将
& lt; button>提交& lt;/button>
<强>改成
& lt;按钮类型=鞍磁ァ痹谔峤? lt;/button>
<强>之后
点击按钮没有任何反应。
因此表在形式单提交的时候一定要注意按钮标签的默认使用。
以上这篇浅谈角表单提交中ng-submit的默认使用方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
