/ / Verwenden von AngularJS in der App mit mehreren Endpunkten - angularjs

AngularJS in App mit mehreren Endpunkten verwenden - angularjs

Ich lerne über AngularJS. Ich habe eine einfache Web-App, die drei Bildschirme hat. Die drei Bildschirme sind: Startseite, Produkteinträge und Produkt. Der "Home" -Bildschirm ist ein einfacher Begrüßungsbildschirm. Auf dem Bildschirm "Produkteinträge" wird eine Liste mit Dutzenden von Produkten angezeigt. Jedes Produkt wird detaillierter angezeigt, wenn Sie es auf der Produktseite auswählen. Von dort werden sie in der Ansicht "Produkt" detaillierter angezeigt. Beim Navigieren durch die App möchte ich die ng-Ansicht verwenden, um eine flüssige Animation zwischen den Seiten zu ermöglichen.

Meine Dateien sind wie folgt angeordnet:

Index.html
Index.html.js
Views
Home.html
Products.html
Product.html

Wenn ein Nutzer meine App verwendet, kann er sie an zwei verschiedenen Orten eingeben. Sie können die App durch einen Besuch starten http://www.mysite.com oder http://www.mysite.com/products/{productID}. productID ist ein dynamischer Wert. Wenn ein Benutzer zu http://www.mysite.comIch weiß, wie alles funktioniert. Meine Herausforderung besteht jedoch darin, dass jemand ein Produkt besucht und alles anders baut.

Kann jemand eine Angular-App erstellen, in die ein Benutzer entweder über den Stamm einer App oder den Blattknoten einer Sitemap eintreten kann? Im Wesentlichen habe ich eine Website mit mehreren Endpunkten. Vielen Dank!

Antworten:

0 für die Antwort № 1

Verwenden Sie $ route / $ routeProvider? Schau sie dir hier an: http://docs.angularjs.org/tutorial/step_07

Ich würde auch ernsthaft auf Yeoman schauen, um eine Starter-App für Sie zu bauen.

http://yeoman.io

Mit yeoman können Sie einfach ein Gerüst für eine App erstellen, indem Sie Best Practices verwenden, indem Sie das generator-angular Generator für Yeoman - es ist alles da auf der Seite unter "Erste Schritte".