Actualmente estoy tratando de crear una página web angular para un Uni-Project. Por lo tanto, construí un Webshop-MockUp con varias páginas diferentes como
Pero como ahora estoy tratando de desarrollar la tienda web con Angular, no estoy muy seguro de cómo la arquitectura del concepto de componente de Angular se ajustará a mis necesidades.
Mientras entiendo, por ahora funciona así: crea una página con varios componentes (reutilizables) que definen diferentes áreas de una página.
Para el ejemplo de la pantalla de inicio, he creado los componentes:
Estos 5 componentes se pueden agregar a app.components.html para mostrar la primera página.
Pero ahora no tengo idea de cómo crear las otras 5 páginas y mostrarlas dentro de la aplicación.componente.
Escuché sobre el enrutamiento para cambiar entre componentes.
Pero, ¿eso significa que tengo que crear un componente principal para cada página en la que escribo estos diferentes componentes que he estado creando?
Y si es así, ¿qué debo escribir en app.component.html si puedo enrutar entre los diferentes componentes de todos modos?
¡Acabo de tener un gran nudo en la cabeza en este momento y realmente espero que puedas ayudarme aquí!
¡Gracias de antemano!
Sí, componente principal para que cada página actúe como componente administrador para hablar con los servicios, obtener datos y pasarlos a componentes tontos y manejar eventos de componentes secundarios. Haz que tus hijos sean tontos. Esto se conoce como componente contenedor.
Sí, aprender enrutamiento. También carga diferida siempre que puedas, pero puedes refactorizar esto más tarde.
<router-outlet></router-outlet> va en app.component.html .
Posiblemente algo como
<app-navbar> Text to display via ng-content </app-navbar> <!-- Common to all routes/pages --!> <router-outlet></router-outlet>