Bestätigen Sie modal mit ngDialog

8

Ich verwende ngDialog in meiner Anwendung und ich möchte ein generisches Bestätigungsmodal erstellen, das ich verwenden kann, wann immer ich es brauche, die Bestätigungsnachricht wird anders sein.

Meine Fragen:

1- Ist das Erstellen einer Direktive mit der ngDialog-Funktionalität eine gute Idee und was ist ihr Design?

2- was ist der Unterschied zwischen confirm () und openConfirm () im ngDialog-Code.

Vielen Dank im Voraus

    
sisimh 28.07.2015, 08:23
quelle

1 Antwort

19

Nun, um Ihre Fragen zu beantworten,

1 - Sie können eine Direktive dafür anlegen, mit scope , sagen type , an die Sie den Bestätigungstyp übergeben (dh submit für Übermittlungsbestätigungen, delete für Löschbestätigungen) und die Anweisung sollte Rendern Sie die Nachricht basierend auf dem angegebenen Typ.

2 - openConfirm() ist ein Typ von ngDialog, der nur durch Bestätigen der Aktion geschlossen werden kann (im Gegensatz zu ngDialog.open() ), sodass Sie hier nicht den Dialog schließen können, wenn Sie irgendwo in% co_de klicken %. DOM ist nur eine Methode, mit der Sie den Dialog schließen. Mit dieser Methode schließen Sie den Dialog und lösen die Versprechen, die beim Öffnen des Modals zurückgegeben wurden, auf confirm() in Ihrem Dialog.

Hoffe das hat dir geholfen

Aktualisieren

  

<button ng-click="confirm()">Confirm</button>   Öffnet ein Dialogfeld, das standardmäßig nicht geschlossen wird, wenn Sie auf Escape klicken oder außerhalb des Dialogfelds klicken. Die Funktion gibt eine Zusage zurück, die entweder aufgelöst oder zurückgewiesen wurde, je nachdem, wie der Dialog geschlossen wurde.

Um das Versprechen zu lösen, sollte Ihr Dialog wie folgt aussehen:

Mit ngDialog-Controller

%Vor%

Mit dem Anweisungscontroller

%Vor%

Sie können Ihren Direktiven-Controller verwenden, solange Sie openConfirm() im Dialogfeld

übergeben

Hier ist eine Demo , die Ihnen zeigt, wie Sie den Typ

verwenden können

Versuchen Sie, den Typ in scope: $scope von index.html in confirm umzuschalten, und sehen Sie den aktualisierten Inhalt und den Schaltflächentext im Dialogfeld

    
Razvan Balosin 28.07.2015, 08:35
quelle

Tags und Links