0

Ich habe eine Angularjs einzelne Seite Anwendung und jetzt möchte ich eine Login-Seite hinzufügen. Hier ist meine SPA Vorlage plunker: http://plnkr.co/edit/WgUDJQNL0YCKWUfXMFsr?p=preview. Ich brauche eine Login-Seite und kein Modal (Beispiele sind für die Anmeldeseite als modal verfügbar). Der Benutzer muss die Informationsseite (die sich in der oberen Ebene befindet) nur nach dem Login sehen. Habe verschiedene Videos und Tutorials dazu durchgelesen, konnte aber keine Lösung finden. Wie neu bei angularjs, wäre dankbar, wenn jemand den Code dafür bereitstellen könnte.AngularJS SPA Login Seite

Vielen Dank im Voraus !!

Antwort

1

Den Body-Inhalt aus dem Index entfernen und in eine separate Datei (home.html) einfügen. Fügen Sie einfach eine u-Ansicht in den Körper ein. In Laufblock Route zur Login-Seite standardmäßig. Bei der Anmeldung führen Sie die Route zu Ihrer Homepage mit $state.go('home'). Benennen Sie die Tab-Routen als home.tab1 und home.tab2 für verschachtelte Routen.

+0

Wie kann ich eine erfolgreiche Anmeldung vornehmen? Konnten Sie den Code pls – Pranitha

+0

zur Verfügung stellen Gut kann ich Ihnen einen Anmeldungsseitencode nicht geben ... hängt es von Ihrer Anwendung und der Sicherheitsstufe ab, die Sie benötigen. Es gibt viele kostenlose Anmeldevorlagen. Sie können sie verwenden, wenn Sie sie nicht selbst schreiben wollen. Wenn Sie den Plunker mit einer Login-Seite aktualisieren können, kann ich die Routen korrigieren. – Max

+0

Hier habe ich eine grundlegende Vorlage in "Bottom": http: //plnkr.co/edit/JETxXfQwkvN0Ibk4m46J? P = Vorschau. Das Problem ist, wenn ich mich anmelde, sind die Tabs (Tab1 im Beispiel) nicht anklickbar. Bitte helfen Sie das zu klären. – Pranitha