2016-03-23 4 views
0

<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.

+0

können Sie es einfach in CSS oder etwas verstecken? – dandavis

+0

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

+0

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. –

Antwort

1

Die Verwendung ngIf ist kein Hack für mich, da die Symbolleiste aus dem DOM entfernt wird, wenn die Anmeldeseite gerendert und nicht nur ausgeblendet wird.

Verwandte Themen