我应该使用Ng提交还是点击表格

Should I use Ng-submit or ng-click on a form?

本文关键字：表格 提交 Ng 我应该      更新时间：2023-09-26

我想知道在提交按钮上使用ng点击还是在表单上只使用ng提交？

我的假设是，我们应该在所有表格上使用ng提交，并在任何不是表格的地方使用ng点击。

我知道下面列出的差异：

  • ng-submit允许用户在关注ng-click没有点击的表单时按下回车键
  • ng-click可以用于任何元素，其中as-ng-submit只能应用于表单元素

我想知道是否有人可以在这个列表中添加其他内容，因为我想知道一个有角度的项目的规范是什么。

如果我们希望表单无效时不提交，那么我们将在表单本身上使用ng-submit指令，而不是点击按钮

     <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提交中，我们使用参数formname从控制器调用函数AddUser$有效的只有当表单有效时，或者换句话说，表单的所有用户输入都有效时，才会调用此提交函数。请记住，在这种情况下，如果表格不是有效的，将不会提交

当我们使用ng-click时，即使表单无效，它也会被提交。ng点击的两个观察结果如下：

  1. 即使表格无效，我们也能提交表格
  2. 对于无效输入，该值在控制器中设置为未定义

根据经验，对于使用Angular和Ionic的移动应用程序，我使用了ng-click，因为即使表单无效，移动键盘箭头（Android）或GO（iOS）也会启用，并且仍然会提交。我不得不使用ng-click来避免验证问题。

在web上，我使用ng-submit只是因为，正如您所说，它在输入时提交。

相关文章：