web-dev-qa-db-ja.com

Angular4外で静的HTMLを提供する

私はAngular 4/Angular 2.の初心者です。

1)静的htmlファイル(aboutus.html、priceing.html、contact us.htmlなど)、対応するcss、jsファイル2)複雑な機能を持つ単一ページアプリケーション

最初の部分#1はAngularそれは完全に静的であるためまったく必要ありません。ログイン後、ユーザーは#2にアクセスします。Angularチュートリアルからを通して、私は#1と#2を一緒に組み合わせる必要があるようですが、それでも#1からコンポーネントなどを作成する必要がありますが、これは不要だと思います。

静的HTMLをそのまま使用し、Angularは動的単一ページアプリに対してのみ使用できるように、このプロジェクトを構築できますか?役立つリンクや例をいただければ幸いです。

15
geeky_monster

ルーターを使用して静的なHTMLページを統合することはできませんが、通常のHTMLリンクを使用することはできます。 Angular application index.htmlを含むファイルに名前を付ける必要はありません

7

ng serveを使用してローカルで静的ファイルを提供する場合は、それらをアセットフォルダーに追加するか、アセット構成に追加する必要があります。 https://github.com/angular/angular-cli/issues/5029 を参照してください

9
Chris Haines

静的htmlファイルを/ assets /フォルダーに配置できます。

たとえば、aboutus.htmlファイルを/ assets/static /フォルダーに配置すると、次のようにリンクできます http://localhost/assets/static/aboutus.html

4

assetsの下のappsキーには、angular-cliが静的として処理する任意のディレクトリを含めることができます。たとえば、staticというフォルダーを宣言して、そこから静的ページを提供できます。

V6アプリケーションの場合、assetsbrowserの下にあります。

https://github.com/angular/angular-cli/blob/v6.0.0-rc.8/packages/%40angular/cli/lib/config/schema.json#L521

0
David Lemphers