twitter bootstrap - strap - AngularJS: ¿Todos los botones dentro de los activadores de formulario enviar?

install bootstrap 4 in angular 6

Question

Me disculpo por adelantado si esto está cubierto en los documentos, pero parece que no puedo encontrarlo.

Tengo una forma bastante sencilla que utiliza varios botones como uso de bootstrap de twitter. El problema es que hacer clic en cualquiera de los botones en el formulario parece desencadenar un evento de envío a angular: en mi formulario hay varios campos de entrada en los que utilizo el atributo "requerir" y, al hacer clic en cualquier botón, se abre un cuadro de diálogo que dice que el campo es necesario. Todo esto está muy bien, excepto que solo quiero que la validación tenga lugar cuando el usuario haga clic en el botón de envío real.

He intentado configurar ng-submit para una función que hasta ahora solo devuelve false, pero esto no parece tener ningún efecto

Actualización: he encontrado una solución temporal utilizando una directiva que usa event.preventDefault (). Sin embargo, esto parece un poco excesivo y también significa que tengo que adjuntarlo a cada botón.

<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

Debes intentar configurar type="button" en los botones.

Esta pregunta entra en detalle en cuanto a lo que esto hace.