javascript - 我应该在表单上使用 Ng-submit 还是 ng-click？

Question

我想知道是否更喜欢在提交按钮上使用 ng-click 还是只在表单上使用 ng-submit？

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

我知道下面列出的区别:

• ng-submit 允许用户在关注 ng-click 不关注的表单时按回车​​键
• ng-click 可用于任何元素，而 ng-submit 只能应用于表单元素。

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

Answer 1

如果我们希望表单在无效时不被提交，那么我们将在表单本身上使用 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 的两个观察结果如下:

1. 即使表单无效，我们也能够提交表单
2. 对于无效输入，值在 Controller 中设置为未定义