我应该在表格上使用Ng-submit或ng-click吗？

Question

我想知道是否有使用ng-click提交按钮还是仅在表单上进行ng-submit的偏好？

我的假设是，我们应该在所有表单上使用ng-submit，并在所有非表单上使用ng-click。

我知道下面列出的区别：

• ng-submit允许用户在专注于ng-click不在的表单上时按Enter
• ng-click可用于任何元素，其中ng-submit仅可应用于表单元素。

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

Answer 1

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

     <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调用函数AddUser。 仅当表单有效或换句话说，表单的所有用户输入均有效时，才会调用此Submit函数。 请记住，在这种情况下，如果表单无效，则不会提交from

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

1. 即使表格无效，我们也可以提交表格
2. 对于无效输入，该值已在控制器中设置为undefined

Answer 2

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

在网络上，我之所以使用ng-submit仅仅是因为，就像您说的那样，它是在回车时提交的。