2017-03-13 5 views
1

私の質問の別のコメント(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プロジェクトに別のページを追加するにはどうすればよいですか?

+3

チュートリアルに行ってください。ルーティング(ページ間の移動)については、https://angular.io/docs/ts/latest/tutorial/toh-pt5.htmlで詳しく説明しています。 – Sasxa

答えて

3

"ルーティング"という言葉と私がやりたかったことの関係を作っていなかったので、私はルーティングに関するアンケートのセクションを見逃していました。 hereと記載されているルーティングは、ノードをサーバーとして使用するときちんと動作します。しかし、ng buildがindex.htmlファイルを生成するだけなので、Tomcat(このプロジェクトで使用している)などの他のWebサーバーは使用できません。ノードは角ベースの後のURLをそのファイルに再ルーティングすることを知っていますが、Tomcatはそうではありません。アプリケーションのベースURLにURLをリダイレクトするには、ApacheなどのプロキシサーバーをTomcatサーバーの前に配置する必要があります。 (コンポーネントが表示されたページ全体の責任である必要はありません2を参照してください。)

  1. 各「ページ」のためのコンポーネントを作成します。ここで

    方法のうちそれと

    は、ルーティングの基本はあります

  2. すべてのページに表示される機能を含む「シェル」コンポーネントを作成します。ツールバー、サイドナビゲーション。
  3. サブURLのコンポーネントが表示されますシェル成分コンポーネントのポイントに<router-outlet></router-outletを追加します(そうではない、その中に、このタグの後にDOMに挿入されていることに注意してください。)輸入の
  4. をごモジュールの追加、 RouterModule.forRoot()この関数はRouteの配列をとります。各経路はpathcomponentという特性を持っています。 pathは、componentをDOMに挿入するURL(ベースURLに相対)です。 pathの値はスラッシュで始まらないようにしてください。
  5. routerLinkタグを追加すると、新しいページのURLにバインドされたタグが追加されます。aここには先行するスラッシュがあるはずです。
関連する問題