Comment gérer plusieurs boutons soumettre sous une forme en utilisant Angular JS?

Vous pouvez garder les deux ng-click et type="submit". Dans le ng-click Vous pouvez simplement mettre à jour un paramètre de votre controller et le valider en cas de ng-submit:

<div ng-controller="SomeController">
<form ng-submit="save(record)">
    <input type="text" name="shoppingListItem" ng-model="record.shoppingListItem">
    <button type="submit">Save</button>
    <button type="submit" ng-click="SaveAndAddClick=true">Save and Add Another</button>
</form>

donc cette approche vous évite d'ajouter une méthode puis d'appeler un code redondant.

Merci

Faire tous les boutons et type=submit. Il le rend un peu plus propre et ne mélange pas et des entrées et des boutons assortis. Donc, fondamentalement, vous essayez d'exécuter une méthode dans votre contrôleur pour gérer les deux clic sur le bouton.

<div ng-controller="SomeController as sc">
        <form ng-submit="sc.execute(record)">
            <input type="text" name="shoppingListItem" ng-model="record.shoppingListItem">
            <button type="submit" ng-model="sc.saveButtonVal" ng-click="sc.saveButtonVal=true>Save</button>
            <button type="submit" ng-model="sc.saveAndAddButtonVal" ng-click="sc.saveAndAddButtonVal=true">Save and Add Another</button>
        </form>
</div>

donc, dans votre fichier js vous aurez quelque chose comme ça.

function SomeController() {
        var sc = this;

        sc.execute = function(record) {
            //initialize the vars
            sc.saveButtonVal = false;
            sc.saveAndAddButtonVal = false;

            sc.resetButtonValues = function() {
                sc.saveButtonVal = false;
                sc.saveAndAddButtonVal = false;
            };

            if (sc.saveButtonVale) {
                //do save only operation
            } else if (sc.saveAndAddButtonVal) {
                //do save and add op
            }

           // reset your button vals
           sc.resetButtonValues();
    }
}

Comme je le vois, vous avez deux options: 1: utilisez un événement ngClick sur le bouton" save and add another "et supprimez la partie" type='submit'". Ensuite, dans n'importe quelle fonction que vous appelez Gor the ngClick, vous pouvez enregistrer puis Réinitialiser les valeurs, en appelant save() dans cette fonction. 2: Retirez le ngSubmit tout à fait et utilisez simplement les encliquetages ngClicks pour les deux boutons.

ng-soumettre a d'autres avantages. Par exemple, un formulaire non valide ne sera pas soumis. Il est toujours préférable d'utiliser ng-submit au lieu de ng-click. Cependant, dans votre scénario, la meilleure approche serait

1. utilisation ng-cliquez sur les boutons.
2. valider le formulaire dans le contrôleur. Gardez à l'esprit que ng-click soumettra le formulaire même s'il n'est pas valide.
3. appeler deux différents $ scope.fonctions sur deux ng-click différents dans le somecontroller.

j'Espère que ça aide.

Supprimer ng-submit de l'élément "form" et définir les fonctions ng-click séparément sur chaque bouton avec le type 'submit'.Pour la vérification de l'invalidation, définissez la propriété name dans l'élément tag form. Et vérifier la validation dans la fonction scope.

<div ng-controller="SomeController">
<form name="saveForm">
    <input type="text" name="shoppingListItem" ng-model="record.shoppingListItem">
    <button type="submit" ng-click="save(record)">Save</button>
    <button type="submit" ng-click="saveOther(record)">Save and Add Another</button>
</form>

Fonction De Portée:

$scope.record = {};

$scope.save = function (record) {    

if(this.saveForm.$valid)
  {

    $http.post('/api/save', record).
    success(function(data) {
        // take action based off which submit button pressed
    });
  }
}

si quelqu'un cherche une approche simple alors il suffit de créer un drapeau et basculer entre le bouton et soumettre.

<button type="{{isButton == true ? 'button' : 'submit'}}" >Save</button>
<button type="{{!isButton == true ? 'button' : 'submit'}}" >Update</button>

Besoin de gérer l'indicateur selon l'action de l'utilisateur.