Angular 2, verschiedene Popups Typ

Ich habe einige Probleme bei der Implementierung von Popups in meinem eckigen 2 Projekt. Ich habe eine Seite, auf der ich 10 verschiedene Aktionen platzieren muss. Wenn ich darauf klicke, sollte ein Popup angezeigt werden, in dem ich weitere Informationen oder eine einfache Bestätigung bereitstellen kann. Das Problem ist, dass es mindestens 5 verschiedene Arten von Popups geben wird (eine mit Datumsauswahl, zwei mit Dropdown-Menü, eine mit mehreren Dropdown-Menüs usw.) Ich denke, dass ich verschiedene Komponenten implementieren muss (für jeden Typ von Popup) und einige Dialogdienste. Weiß jemand, wie man das mit eckigen 2 guten Praktiken macht?Angular 2, verschiedene Popups Typ

Quelle

2017-12-20 Jędrek Markowski

https://material.angular.io/components/dialog/overview würde erlauben, verschiedene Komponenten in einem Overlay-Container anzuzeigen –

Ein anderer Ansatz könnte sein, einfach allgemeine Overlay-Design wie Kopf-, Körper-und Fußzeile mit den Anpassungs-Flag und überlasse die Implementierung der übergeordneten Komponente mithilfe von ng-content – RRForUI

@RRForUI Ja, ich denke, es ist die beste Lösung in diesem Problem. –

-1

PrimeNG hat p-dialog Overlay Komponente

<p-dialog header="Title" [(visible)]="display"> 
    Content 
</p-dialog>

Wird 5 verschiedene Arten von Komponentenimplementierung vorziehen, wenn Business-Komplex ist. und verwenden Sie Selektoren anstelle von Content Abschnitt p-dialog

Ich hoffe, es wird für Sie arbeiten.

Quelle

2017-12-20 15:10:46

Ich mag den Prime-ng Ansatz nicht persönlich –

Angular 2, verschiedene Popups Typ

Antwort

Verwandte Themen