web-dev-qa-db-fra.com

Angular 6: Une application multi-pages (MPA) est possible?

Après avoir passé toute la journée sur Google, ma question reste sans réponse.

Comme je suis nouveau à créer Angular app en utilisant la version 6.0.4 . Ma première et simple question est:

  1. Est-il possible de configurer l'application angulaire avec des pages de destination à plusieurs niveaux?  

    Exemple: Sans exposer les liens sur la barre de navigation supérieure de la page racine, j'ai besoin de liens directs vers ces pages où les utilisateurs ont leurs propres menus. comme: le panneau WordPress/admin est différent de celui de son site Web. 

    • /home pour la vue publique 
    • /admin pour la section admin après la connexion
    • /customer pour la section client après la connexion

c'est parce que j'ai constaté qu'il n'y a qu'un seul fichier app.component.html où nous pouvons inclure nos composants en utilisant Routing mais avec une barre de navigation statique en haut.

  1. Si non:

    Comment exécuter plusieurs applications créées pour toutes les sections ci-dessus 3 peut être exécuté sous le même url:port?

angularsingle-page-applicationmulti-page-application
4
Amit Shah

Résolu

En suivant ceci: https://angular.io/guide/lazy-loading-ngmodules

NOTE: à la fin doit mettre en commentaire les boutons de navigation dans le app.component.html

<!--
<h1>
  {{title}}
</h1>

<button routerLink="/customers">Customers</button>
<button routerLink="/orders">Orders</button>
<button routerLink="">Home</button>
-->

<router-outlet></router-outlet>
2
Amit Shah

1) Oui, il y en a. Il s’appelle routage et angular propose un joli didacticiel sur le routage. Vérifiez-le ici - routeur angulaire

2) Avant de commencer à développer des applications Web, vous devez avoir au minimum une connaissance minimale du fonctionnement de TCP/IP. Donc, simplement - vous ne pouvez pas exécuter plusieurs applications sur le même port.

1
Tomáš Šedivý