AngularJS, wohin mit globalen Listen usw.

Question

Ich bin neu in AngularJs und habe versucht, viele verschiedene Tutorials zu folgen. Es scheint so, als gäbe es viele Möglichkeiten, Projekte in AngularJS zu programmieren und zu strukturieren.

Mein Ziel ist es, eine einfache Website mit Login- und Logout-Funktionen zu erstellen und eine Möglichkeit, Autos zu einem Portfolio hinzuzufügen.

Meine Struktur ist so weit:

index.html 
templates/login.html 
templates/dashboard.html 
templates/car.html (empty for now) 
templates/portfolio.html (empty for now) 
js/app.js 
js/controllers.js 
js/services.js 

jetzt Mein Problem ist, wo soll ich meine Benutzerinformationen einschließlich meiner Portfolios und wo hinzuzufügen und zu entfernen Autos zu den Portfolios setzen? Außerdem habe ich eine ganze Liste von Autos, die ich gerne abfragen und zeigen könnte.

Ich habe gelesen, dass die Dienstleistungen für diese funktionieren sollte, aber ...

Gibt es Online-Tutorials für einen solchen „einfachen“ Website, die Grundlagen abdeckt Portfolios zu schaffen, das Hinzufügen von Elementen zu ihnen usw.?

Ich habe meine Dateien, wenn jemand sie sehen will, aber wo soll ich sie hochladen, wenn ja?

Answer 1

Ich denke, dass Sie ein besseres Verständnis der verschiedenen Winkelkomponenten benötigen. Zum Beispiel Controller ist ein Ort, an dem Sie Ihre Event-Handling-Funktion ($ Scope-Funktionen) haben würde. Service kann auf der anderen Seite verwendet werden, um die Anwendung breiten Daten zu speichern, in Ihrem Fall können Login-und Logout-Funktionen in Services integriert werden.

Alle Ihre Daten (ich meine echte Daten, wie in dem, was in Datenbanken gehalten wird) sollten mit $ http Services und seiner Methode abgefragt werden. Falls Sie einige Daten auf dem Frontend selbst behalten möchten, sollten Sie sie in Diensten behalten (oder können als ein Objekt von einer Fabrik zurückgegeben werden). Wenn es alle statischen Daten sind, kann eine bessere Idee sein, eine konstante Komponente zu machen (lesen Sie über Winkelkonstanten).

Vielleicht this hilft Ihnen bei starten sind Sie wirklich mit kantigem

Antwort auf Ihre letzte Frage beginnen: Wenn Sie hier von den Benutzern einen Code für die Überprüfung teilen, könnten Sie eine plunker erstellen möchten oder ein jsfiddle und teilen Sie den Link.

Answer 2

Schreiben einer Anwendung von Anfang an ist nicht Joyful Sache während des Anfangs.

Ich habe einen Vorschlag für Sie d.h MEANJS zu wählen, die die Kombination von MongoDB ist, Nodejs, Angularjs Mit ExpressJs. Es hat eine gut definierte Projektstruktur. Sie können es als Referenz für zukünftige Apps nehmen.

Meanjs selbst eine Beispielanwendung arbeiten muss, wenn Sie gemäß den Anweisungen installiert

MEANJS with Default Application - Clone with Git,node&npm install,bower install,grunt it Magic -- Local server starts Running with Sample App

Ich hoffe, das Ding hilft Ihnen :-)