Angular2: Display-Komponente basierend auf linken NAV-Klick

Question

Ich entwickle ein neues SPA, wo ich ein linkes Navigationsmenü habe und die Elemente in diesem linken Navigationsmenü von der API gesteuert werden. Wie Dashboard1, Dashboard2

Ich habe eine Dashboard-Komponente erstellt. Wenn ich auf Dashboard1 klicke, sollte ich Dashboard1 an meine Dashboard-Komponente übergeben und sie rechts anzeigen können. Gleicher Fall, wenn ich im linken Navigationsfenster auf Dashboard2 klicke, sollte ich Dashboard2 an meine Dashboard-Komponente übergeben und sie auf der rechten Seite anzeigen können.

Answer 1

Es gibt ein paar verschiedene Methoden für die Interaktion mit Komponenten, aber basierend auf Ihrer obigen Beschreibung würde ich das Shared Service Pattern empfehlen.

In der Regel bedeutet dies, dass zwei Komponenten einen Wert für den Dienst abonniert haben, den die Komponenten ändern können. Also, wenn Sie in der linken Navigation klicken Dashboard1, würde es diese Daten in den Shared-Service und die rechte Seite diese Wertänderung der Lage wäre, senden abholen und stellen Sie die Ansicht entsprechend

Here is a guide von dem offiziellen docs