AngularJS Multi-Page App Boilerplate Site Structure Advice
Estoy buscando orientación para crear una aplicación AngularJs de varias páginas servida por un Laravel Backend. Todos los tutoriales de aplicaciones web en la red apuntan a la creación de SPA y recién estoy comenzando con Angular, así que, por favor, no te preocupes.
Ejemplo de 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>
Ejemplo de 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>
Entonces, en los ejemplos anteriores, he creado dos páginas, que son servidas por el servidor web con casi todo el contenido estático. Pero las páginas han sido marcadas con etiquetas angulares. En cada página estática, he hecho referencia a un controlador AngularJS diferente.
¿Es esta la forma correcta de abordar el problema o debería permitir que app.js cargue los controladores / inyecte las dependencias?
Además, cualquier orientación sobre cómo compartir datos entre controladores en esta aplicación de varias páginas y enlaces a recursos / ejemplos decentes sería realmente útil. Por ejemplo, ¿tendría que pasar? Los artículos agregados al carrito de compras a una API desde la página del producto, luego consulta esta API nuevamente para recuperar el contenido del carrito.