AngularJS：表单触发器中的所有按钮都提交吗？

Question

如果文档中包含此内容，我会提前道歉，但我似乎找不到。

我有一个非常简单的表单，它使用多个按钮，就像我使用Twitter引导程序一样。问题是，单击表单中的任何按钮似乎都会触发角度的提交事件：在我的表单中，有几个输入字段使用“
require”属性，因此单击任何按钮都会打开一个对话框，指出该字段为需要。一切都很好，除了我只希望在用户单击实际的提交按钮时进行验证。

我尝试将ng-submit设置为一个函数，该函数到目前为止仅返回false，但这似乎没有任何效果。

更新： 我发现使用使用event.preventDefault（）的指令的临时解决方法。但是，这似乎有点多余，也意味着我必须将其附加到每个按钮上。

<div class="row-fluid">
    <div class="span12">
        <form ng-submit="onSubmit()" class="form-horizontal">
            <div class="row-fluid">
                <div class="span12">
                    <div class="katana-technician-form">
                        <div class="control-group">
                            <label class="control-label">Tekniker
                                <div class="controls">
                                    <div class="input-append">
                                        <input type="text" class="span2" />
                                        <div class="btn-group">
                                            <!-- Triggers onSubmit-->
                                            <button data-toggle="dropdown" class="btn dropdown-toggle">Velg<span class="caret"></span>

                                            </button>
                                            <ul class="dropdown-menu">
                                                <li>Kake</li>
                                                <li>Bake</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span12">
                    <!-- Triggers onSubmit-->
                    <button type="submit"></button>
                </div>
            </div>
    </div>
    </form>
</div>
</div>

Answer 1

您应该尝试type="button"在按钮上进行设置。

这个问题将详细说明其作用。