AngularJS: Alle Schaltflächen innerhalb von Formularauslösern senden?

Ich entschuldige mich im Voraus, wenn dieser bedeckt ist, die docs, aber ich kann nicht scheinen, um es zu finden.

Ich habe eine ziemlich einfache form verwendet, die mehrere Tasten, die ich mit twitter bootstrap. Das problem ist, dass durch klicken auf eine der Schaltflächen in der form auszulösen scheint ein submit-Ereignis zu eckig: In meinem Formular gibt es mehrere Felder in denen ich den "require" - Attribut und so Klick auf einen button öffnet einen dialog, zu sagen, das Feld ist erforderlich. Das ist ja alles schön und gut, nur ich will nur die Validierung stattfinden, wenn der Benutzer klickt auf den eigentlichen submit-button.

Ich habe versucht Einstellung der ng-submit, um eine Funktion, die bisher nur false zurück, aber diese nicht scheinen, um eine Wirkung.

Update: ich habe einen temporären workaround gefunden mit einer Richtlinie, die verwendet event.preventDefault(). Aber dies scheint ein wenig übertrieben und auch bedeutet, ich habe zum befestigen an jeder Taste.

<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>

InformationsquelleAutor der Frage KG Christensen | 2013-03-28