AngularJs Umschalten zwischen zwei Schaltflächen

Ich versuche, ein Formular mit zwei Schaltflächen zu erstellen Bearbeiten & Senden. Senden ist anfangs deaktiviert. Was ich erreichen muss, ist, wenn Edit geklickt wird, sollte die Submit-Schaltfläche aktiviert und die Bearbeitung deaktiviert sein. Hier ist mein Code so weit:AngularJs Umschalten zwischen zwei Schaltflächen

<div class="row"> 
    <button id="editBtn" type="button" data-dismiss="modal" (click)="submitEditedFormData()" class="btn modal-btn btn-default">Edit</button>&nbsp;&nbsp; 
    <button id="submitBtn" [disabled]="!isValid" type="button" data-dismiss="modal" class="btn modal-btn btn-default">Submit</button> 
</div>

Quelle

2017-12-22 iymrahul

Sie können den Wert von isValid wechseln, wenn Sie auf Bearbeiten-Button klicken und Sie können das gleiche tun, wenn Sie auf Senden klicken, indem ein (click) Ereignis hinzufügen.

Quelle

2017-12-22 10:43:25 Vivz

und wenn ich eine Abbrechen-Schaltfläche habe, auf deren klicken muss ich die Schaltfläche Bearbeiten erneut aktivieren und deaktivieren Sie Abbrechen und Speichern ?? – iymrahul

Tun Sie das Gleiche, schalten Sie einfach die isValid beim Klicken auf Abbrechen Schaltfläche und Bearbeiten wird aktiviert und isValid für Abbrechen auch verwenden. Sie müssen isValid basierend auf Ihren Anforderungen ergänzen. – Vivz

iWie können wir hier mit der Anweisung show/hide of button erreichen? Wie beim Klicken auf Bearbeiten> Speichern und Abbrechen erscheint. Wenn nur angeklickt wird abgebrochen Edit ups Up – iymrahul

AngularJs Umschalten zwischen zwei Schaltflächen

Antwort

Verwandte Themen