AngularJS Консалтинг по структуре сайта для многостраничных приложений
Я ищу руководство по созданию многостраничного приложения AngularJs, обслуживаемого Laravel Backend. Все учебники по веб-приложениям в сети указывают на создание SPA, и я только начинаю с Angular, поэтому, пожалуйста, будьте осторожны со мной.
Пример ProductPage -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 -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>
Таким образом, в приведенных выше примерах я создал две страницы, которые обслуживаются веб-сервером со практически всем статическим контентом. Но страницы были размечены угловыми метками. На каждой статической странице я ссылался на свой контроллер AngularJS.
Это правильный способ решения проблемы, или я должен позволять app.js загружать контроллеры / вводить зависимости?
Кроме того, любое руководство по обмену данными между контроллерами в этом многостраничном приложении и ссылки на достойные ресурсы / примеры были бы действительно полезными. например, нужно ли мне передавать, например, Элементы добавлены в корзину для покупок в API со страницы продукта, а затем снова запросите этот API для получения содержимого корзины?