Wie füge ich eine wiederverwendbare modal dialog, in Winkel?
Ich bin neu in der Winkel-und der Versuch der Umsetzung diese Lösung in meinem Projekt.
Sieht es schmerzlich einfach, allerdings werde ich versuchen, diese in eine wiederverwendbare element, so dass ich anrufen kann von jedem Standort aus und geben Sie nur im content angezeigt werden (sonst was ist der Punkt?).
Also, meine konkrete Frage ist: angenommen ich habe bereits eine controller
, die gebunden, um einige DOM-element und es hat eine Funktion, geht und holt einige factory
getrieben $http
rufen und auf die Antwort, die ich wünschen, Benachrichtigen Sie die Benutzer über dieses Dialogfeld von etwas, wie kann ich kombinieren *dieser Richtlinie und *dieser controller mit meinem vorhandenen ein und wie mache ich es in einer Weise, die mir erlaubt, dann verwenden Sie es wieder aus einer ganz anderen controller
?
Oder ist das vielleicht ein schlechtes Beispiel für diesen Einsatz und sollte mich bei einem anderen?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Im Vergleich zu anderen Optionen, die unten gegeben, der minimalistische Ansatz, mit eckigen Fabrik. Finden Sie ein Beispiel-snippet unten.
Hinweis: mit Angular JS mit UI-Bootstrap - AngularUI.
HTML:
JS:
HTML:
JS:
Versuchen Sie es mit 'ngDialog' Bibliothek für popup und modal. Sehr gute Bibliothek. Später können Sie einen Dienst erstellen, die intern Anrufe ngDialog Funktionen. Später kann dieser service injiziert werden im Controller für den Einsatz. Ich habe diese umgesetzt in einem Projekt.
Die Funktion im Dienste akzeptieren können Parameter für die Initialisierung des ngDialog modal.
Hoffe es hilft 🙂
dass Sie es besser ich würde dir empfehlen, den code zu modifizieren, etwas zu suchen, wie unten
Vorlage:
Richtlinie:
und verwenden Sie dann den code, wie unten in Vorlage
Sobald diese änderungen durchgeführt sind, können Sie eine Funktion schreiben, die Meldung set in der variable "modalMsg" und eckig kümmern der rest
Hinweis: Code ist so ziemlich das gleiche wie im link, das einzige, was ich verändert habe, ist die check-Anzeige der modal-box
<modal-dialog>
und damit verbundenen<div>s
? Ich habe meine controller-Vorlagen als separate HTML-Dateien, die gerouted werden. Mein Wunsch ist, um der Lage sein, diese Richtlinie von überall aus... macht das Sinn?<modal-dialog>
muss sein Teil der jede und jeder Vorlage, die erfordert, dass ein modal-Fenster, und dann können Sie den text festlegen (in der die variable verwendet, fürmodalContent
) von seiner Steuerung. Sie nicht zu binden, müssen zusätzliche controller mit diesem. Ich bin mir nicht 100% sicher, aber ich denke, du suchst so etwas wie ng-dialog, wie in den Kommentaren von Max. Wenn das ist, was Sie brauchen, als Sie vielleicht wollen, erstellen Sie Ihre eigenen provider docs.angularjs.org/guide/providers (über Ihren link als Referenz). Gleiche gilt für ng-dialog