我想知道是否更喜欢在提交按钮上使用 ng-click 还是只在表单上使用 ng-submit?
我的假设是我们应该在所有表单上使用 ng-submit 并在任何非表单的地方使用 ng-click。
我知道下面列出的区别:
- ng-submit 允许用户在关注 ng-click 不关注的表单时按回车键
- ng-click 可用于任何元素,而 ng-submit 只能应用于表单元素。
我想知道是否有人可以在此列表中添加任何其他内容,因为我想知道 Angular 项目中的规范是什么。
最佳答案
如果我们希望表单在无效时不被提交,那么我们将在表单本身上使用 ng-submit 指令代替 ng-click 按钮
<div class="row">
<form name="adduser" ng-submit="AddUser(adduser.$valid)">
<div id="name-group" class="form-group-lg">
<input type="text"
required
name="name"
ng-model="userfullName"
class="form-control"
placeholder="Full Name">
</div>
在 ng-submit 中,我们使用参数 formname.$valid 从 Controller 调用函数 AddUser。只有当表单有效时才会调用此提交函数,换句话说,表单的所有用户输入都有效。请记住,在这种情况下,如果表单无效,则不会提交 from
当我们使用 ng-click 时,即使无效也会提交表单。 ng-click 的两个观察结果如下:
- 即使表单无效,我们也能够提交表单
- 对于无效输入,值在 Controller 中设置为未定义
关于javascript - 我应该在表单上使用 Ng-submit 还是 ng-click?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37322971/