私の質問の別のコメント(gradle how to add files javascript fies to a directory in the war file)に基づいて、私はangle-cliを使用して角度のあるプロジェクトを構築および管理するのを手伝っています。しかし、私は非常に基本的な仕事のように思える、プロジェクトで2番目のWebページを作成する方法に関するドキュメントを見つけることができないようです。 ng g component {component name}
で「コンポーネント」を作成しようとしましたが、ビルド結果に何も追加されませんでした。angle-cliプロジェクトに別のページを追加するにはどうすればよいですか?
1
A
答えて
3
"ルーティング"という言葉と私がやりたかったことの関係を作っていなかったので、私はルーティングに関するアンケートのセクションを見逃していました。 hereと記載されているルーティングは、ノードをサーバーとして使用するときちんと動作します。しかし、ng build
がindex.htmlファイルを生成するだけなので、Tomcat(このプロジェクトで使用している)などの他のWebサーバーは使用できません。ノードは角ベースの後のURLをそのファイルに再ルーティングすることを知っていますが、Tomcatはそうではありません。アプリケーションのベースURLにURLをリダイレクトするには、ApacheなどのプロキシサーバーをTomcatサーバーの前に配置する必要があります。 (コンポーネントが表示されたページ全体の責任である必要はありません2を参照してください。)
- 各「ページ」のためのコンポーネントを作成します。ここで方法のうちそれと
は、ルーティングの基本はあります
- すべてのページに表示される機能を含む「シェル」コンポーネントを作成します。ツールバー、サイドナビゲーション。
- サブURLのコンポーネントが表示されますシェル成分コンポーネントのポイントに
<router-outlet></router-outlet
を追加します(そうではない、その中に、このタグの後にDOMに挿入されていることに注意してください。)輸入の - をごモジュールの追加、
RouterModule.forRoot()
この関数はRoute
の配列をとります。各経路はpath
とcomponent
という特性を持っています。path
は、component
をDOMに挿入するURL(ベースURLに相対)です。path
の値はスラッシュで始まらないようにしてください。 routerLink
タグを追加すると、新しいページのURLにバインドされたタグが追加されます。a
ここには先行するスラッシュがあるはずです。
関連する問題
- 1. 別のプロジェクトのビルドパスに手動でプロジェクトを追加するにはどうすればよいですか?
- 2. プロジェクトにcurlppを追加するにはどうすればよいですか?
- 3. アプリケーションをページに追加するにはどうすればよいですか?
- 4. ページにカスタムタブを追加するにはどうすればよいですか?
- 5. 別のページにあるコレクションに追加するにはどうすればよいですか?
- 6. 別のページに異なるヘッダーを追加するにはどうすればよいですか?
- 7. 同じソリューションで別のプロジェクトへの参照を追加するにはどうすればよいですか?
- 8. System.ServiceModelをプロジェクトに追加するにはどうすればいいですか?
- 9. ジェリントコードレビューツールにプロジェクトを追加するにはどうすればいいですか?
- 10. iphone xcodeプロジェクトにhtmlページを追加するにはどうすればいいですか?
- 11. .NETプロジェクトの.Net Coreプロジェクトからソースファイルを追加するにはどうすればよいですか?
- 12. Joomlaのページとブラウザのタイトルにページ番号を追加するにはどうすればよいですか?
- 13. 他のプロジェクトにプロジェクトを追加するにはどうすればいいですか?
- 14. paramValuesを別のページに渡すにはどうすればよいですか?
- 15. 既存のプロジェクトをroslynでC#ソリューションに追加するにはどうすればよいですか?
- 16. Shopifyでは、製品以外のページにマウスオーバーを追加するにはどうすればよいですか?
- 17. ProGuardを依存関係のあるプロジェクトに追加するにはどうすればよいですか?
- 18. 既存のフォルダをEclipseのプロジェクトに追加するにはどうすればよいですか?
- 19. 現在存在するiosプロジェクトにユニティプロジェクトを追加するにはどうすればよいですか?
- 20. Webkitでは、範囲に別の単語を追加するにはどうすればよいですか?
- 21. ボタンに接続するAndroid Studioにページを追加するにはどうすればよいですか?
- 22. Googleアナリティクスに新しいプロジェクトを追加するにはどうすればよいですか?
- 23. 別のテーブルの新しい属性をシリアライザに追加するにはどうすればよいですか?
- 24. カスタマーアカウントのダッシュボードに新しいページを追加するにはどうすればよいですか?
- 25. dataGridViewからC#の別の行に行を追加するにはどうすればよいですか?
- 26. コレクションビューから特定のコンテンツを別のビューに追加するにはどうすればよいですか?
- 27. Magentoのすべてのページにcmsスタティックブロックを追加するにはどうすればよいですか?
- 28. 生成されたGridViewに別のボタンを追加するにはどうすればよいですか?
- 29. jsnetworkxライブラリをionic projectまたはangular 4プロジェクトに追加するにはどうすればよいですか?
- 30. Visual Studio 2017プロジェクトにブーストライブラリ1_65または1_64を追加するにはどうすればよいですか?
チュートリアルに行ってください。ルーティング(ページ間の移動)については、https://angular.io/docs/ts/latest/tutorial/toh-pt5.htmlで詳しく説明しています。 – Sasxa