<navigation title="dashboard" has-header="true" > <auth-router-outlet></auth-router-outlet> </navigation>
angular2 app mit Authentifizierung Login-Seite
Ich arbeite an einer angular2 App mit Authentifizierung. Ich habe eine Navigationsleiste, die für alle Seiten außer der Anmeldeseite freigegeben ist. Aber mit der obigen Konfiguration wird die Login-Seite die Navigationssymbolleiste haben. Nicht sicher, was eine bessere Möglichkeit ist, dies zu implementieren, was in den meisten Apps üblich ist. Danke!
Navigation ist eine Komponente, die ich mit Navbar oben erstellt habe. auth-router-outlet erweitert die standardmäßige Router-Outline von angular mit Authentifizierung und leitet sie zur Anmeldeseite um, wenn sie nicht authentifiziert wird.
können Sie es einfach in CSS oder etwas verstecken? – dandavis
ja. Ich kann ng-if in eckig benutzen, um es zu verstecken, wenn ich nicht eingeloggt bin. Aber ich habe das Gefühl, das ist eine Art Hack. nicht sicher, was ein besserer Ansatz ist. – kdu
Sie können Routing auch verwenden, um abhängig vom angemeldeten Zustand verschiedene Komponenten anzuzeigen. Wenn Sie globale Dienste benötigen, ist es derzeit ein bisschen hacky https://github.com/angular/angular/issues/4112, aber ich erwarte, dass das behoben wird. –