AngularJS mehrseitige App Site Boilerplate Site Struktur Beratung

Question

Mar 21, 2014, 11:49 AM

AngularJS mehrseitige App Site Boilerplate Site Struktur Beratung

Ich bin auf der Suche nach Anleitungen zum Erstellen einer mehrseitigen AngularJ-App, die von einem Laravel-Backend bereitgestellt wird. Alle Web-App-Tutorials im Internet verweisen auf das Erstellen von SPAs, und ich fange gerade erst mit Angular an. Gehen Sie also bitte locker mit mir um.

ProductPage-Beispiel -http://example.com/products/widget

<html data-ng-app='ExampleApp'>
    <head>
    </head>
    <body data-ng-controller='ProductController'>
        // ProductPage Content Served by laravel with angular tags

        <script type="text/javascript" src="/js/lib/angular.min.js"></script>
        <script type="text/javascript" src="/js/app.js"></script>
        <script type="text/javascript" src="/js/controllers/ProductController.js"></script>
    </body>
</html>

CartPage-Beispiel -http://example.com/cart

<html>
    <head>
    </head>
    <body data-ng-controller='CartController'>
        // CartPage Content Served by web-server with angular tags

        <script type="text/javascript" src="/js/lib/angular.min.js"></script>
        <script type="text/javascript" src="/js/app.js"></script>
        <script type="text/javascript" src="/js/controllers/CartController.js"></script>
    </body>
</html>

In den obigen Beispielen habe ich daher zwei Seiten erstellt, die vom Webserver mit so gut wie allen statischen Inhalten bereitgestellt werden. Die Seiten wurden jedoch mit eckigen Tags gekennzeichnet. Auf jeder statischen Seite habe ich einen anderen AngularJS-Controller angegeben.

Ist dies der richtige Weg, um das Problem anzugehen, oder sollte ich zulassen, dass app.js die Controller lädt / die Abhängigkeiten einfügt?

Eine Anleitung zum Austausch von Daten zwischen Controllern in dieser mehrseitigen App und Links zu anständigen Ressourcen / Beispielen wäre ebenfalls sehr hilfreich. Müsste ich z.B. Artikel, die einem API von der Produktseite zum Warenkorb hinzugefügt wurden, fragen Sie dieses API erneut ab, um den Inhalt des Warenkorbs abzurufen.

Zu kommentieren