web-dev-qa-db-ja.com

Angular 6：Multi Page Application（MPA）は可能ですか？

1日中Googleで過ごした後、私の質問は未回答のままです。

Angularバージョンを使用してアプリを作成するのは初めてなので6.0.4。私の最初の簡単な質問は：

  1. Angularマルチレベルのランディングページを持つアプリ？

    例：ルートページの上部ナビゲーションバーにリンクを公開せずに、ユーザーが独自の異なるメニューを持っているこれらのページへの直接リンクが必要です。のような：WordPress/adminパネルはウェブサイトとは異なります。

    • /homeパブリックビュー用
    • /adminログイン後の管理セクション
    • /customerログイン後の顧客セクション

これは、app.component.htmlファイル。ルーティングを使用してコンポーネントを含めることができますが、上部に静的ナビゲーションバーがあります。

  1. ない場合：

    上記の3つのセクションすべてに対して作成された複数のアプリを実行する方法は、同じurl:port？

angularsingle-page-applicationmulti-page-application
10
Amit Shah

解決済み

これに従うことで： https://angular.io/guide/lazy-loading-ngmodules

注：最後にapp.component.htmlのナビゲーションボタンをコメント化する必要があります

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

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

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

1）はい、あります。これはルーティングと呼ばれ、angularにはルーティングに関する非常に素晴らしいチュートリアルがあります。ここで確認してください- angular router

2）Webアプリケーションの開発を開始する前に、TCP/IPがどのように機能するかについて少なくとも最低限の知識が必要です。したがって、単純に-同じポートで複数のアプリケーションを実行することはできません。

2
Tomáš Šedivý