Winkel 2 einfache Möglichkeit, einen Bestätigungsdialog zu machen
gibt es eine nicht-so-komplizierten Weg, um einen bestätigen-dialog im Winkel 2, die Idee ist, klicken Sie auf ein Element und dann zeigen Sie einen popup-oder modal zu cofirm deren Löschung, ich habe versucht, Winkel 2 modal von hier aus angular2-modalaber ich dont wissen, wie zu machen, dass, wenn Sie bestätigen oder Abbrechen, es tut sich etwas.
die Klick-Funktion funktioniert einwandfrei, das einzige problem ist, dass ich nicht weiß zu gut, wie es zu benutzen. Ich habe auch noch eine modale mit dem gleichen plugin mit dem diference, dass ich
this.modal.open(MyComponent);
und ich will nicht mit einer anderen Komponente erstellen nur für die show ein confimation-box thats, warum im Fragen
InformationsquelleAutor der Frage victor dencowski | 2017-01-16
Du musst angemeldet sein, um einen Kommentar abzugeben.
Eine einfache Möglichkeit, um zu bestätigen, ist die Verwendung der nativen browser-alert bestätigen.
Die Vorlage kann eine Schaltfläche oder einen link.
- Und die component-Methode kann so etwas wie unten.
UPDATE
Unten ist ein weiterer Weg, um zu implementieren eine einfache popup-Nachricht mit angular2/- material, das ich umgesetzt habe in meinem Projekt.
app.- Modul.ts
Bestätigungs-dialog.ts
confirmation-dialog.html
app.component.html
app.Komponente.ts
index.html => folgende stylesheet
InformationsquelleAutor der Antwort Philip John
können Sie Fenster.bestätigen Sie innerhalb Ihrer Funktion in Kombination mit wenn-Bedingung
beim Aufruf der delete-Methode, es erscheint eine Bestätigungsmeldung, und wenn Sie ok drücken, wird die gesamte Logik innerhalb der if-Bedingung.
InformationsquelleAutor der Antwort Tarek Badr
UPDATE: Plunkr Hinzugefügt
War ich auf der Suche nach einer Lösung auf allen Foren gefunden, aber keines, dass so eine Lösung gefunden, mit Old-School-Javascript-Rückruf-Funktion 🙂
Dies ist eine wirklich einfache und saubere Art und Weise zu erstellen Sie ein Bestätigungs-Dialogfeld und stellen Call-back-Funktionen für beide JA und KEINE klicken Sie auf Ereignisse.
Ich habe verwendet, Bootrap-CSS für die Modal-und Ein Alert-Service mit rxjs Thema.
hier ist mein alert.component.html
Und alert.Komponente.ts
Der wichtigste Teil ist hier! alert.service.ts
Rufen Sie die Funktion von jeder Komponente
Plunkr
https://embed.plnkr.co/vWBT2nWmtsXff0MXMKdd/
InformationsquelleAutor der Antwort Sudeep Rane
Ich bin ziemlich spät zur party, aber hier ist eine andere Implementierung mit ng-bootstrap: https://stackblitz.com/edit/angular-confirmation-dialog
Bestätigungs-dialog.service.ts
Bestätigungs-dialog.Komponente.ts
confirmation-dialog.component.html
Verwenden Sie das Dialogfeld wie dieses:
InformationsquelleAutor der Antwort tilo
Um die Wiederverwendung eine einzelne Bestätigungs-Dialogfeld auf die Umsetzung in einer multi-Modul-Anwendung, der dialog muß umgesetzt werden in ein separates Modul. Hier ist ein Weg, dies zu tun, mit Material, Design und FxFlex.
Ersten freigegebenen Modul:
Und seine dialog-Komponente:
Dann können wir es in einem anderen Modul:
Die Komponente klicken Sie auf handler den dialog:
InformationsquelleAutor der Antwort Lars H