"Abschicken" - button nach einem Klick in angularJS

Möchte ich deaktivieren-Schaltfläche nach einem Klick.

Code:

<button id="submitRequest" class="btn btn-primary btn-active"
        ng-disabled="!frmRequest.$valid||!r.DataUseAgreement||(!chkBMT&&!chkOncore&&!chkCAISIS&&!chkLIMS&&!chkFCR)"
        ng-click="SaveData()">
  <i class="fa fa-save"></i> Submit
</button>

So deaktivieren Sie diese nacheinander ein klicken Sie?

Dank!

  • was meinst du mit einem Klick?
  • alle Eingaben, Checkboxen und wählt hinzufügen erforderlich
InformationsquelleAutor sravs17991 | 2016-07-27
  1. 5

    Einfach. Schreiben Sie element ein bisschen javascript, wie onclick="this.disabled=true" .

    HTML:

    <button id="submitRequest" onclick="this.disabled=true" class="btn btn-primary btn-active" ng-disabled="!frmRequest.$valid||!r.DataUseAgreement||(!chkBMT&&!chkOncore&&!chkCAISIS&&!chkLIMS&&!chkFCR)" ng-click="SaveData()"><i class="fa fa-save"></i> Submit</button>

    • Dies wird deaktivieren Sie die-Taste ein klicken,aber es tut zulassen des Formulars auch für den ersten Klick.
    InformationsquelleAutor EddNewGate
  2. 4

    Deaktivieren " - button nach einem Klick

    <input type="submit" name="Submit" class="btn btn-primary"
value="Submit" ng-disabled="button.disabled"/>

    Im Controller,wo u senden Sie das Formular, fügen Sie einfach

    scope.button={};
scope.button.disabled=true;

    Dies deaktiviert die Schaltfläche nach einem Klick Formulars

    InformationsquelleAutor Hema
  3. 1

    In Ihrem SaveData () - Funktion, fügen Sie folgende Zeile in den Anfang der Funktion:

    $scope.saving=true;

    dann im ng-deaktiviert Zustand, fügen Sie zusätzliche Bedingung:

    saving||!frmRequest.$valid||!r.DataUseAgreement||(!chkBMT&&!chkOncore&&!chkCAISIS&&!chkLIMS&&!chkFCR)
    InformationsquelleAutor Dev Shah
  4. 0

    Ist es ziemlich straight forward. Sie müssen nur fügen Sie eine weitere Boolesche Bedingung in Ihrer ng-disable-Anweisung.

     <button class="btn btn-info" ng-click="ctrl.isSubmit()" ng-disabled="ctrl.submitClicked">Submit</button>

    Und im Controller 

    var vm=this;
vm.submitClicked=false;

vm.isSubmit= function(){
vm.submitClicked= true;
}

    Hier ist ein Plunker, dass ich für Sie

    InformationsquelleAutor KIA
Schreibe einen Kommentar