~Linux、MySQLからAJAXまでAngular2のルーティング設定、RESTのサンプル作成RESTのサンプルを作成しながらAngular2のルーティング設定の方法を確認しました。※Angular2の2.0.0版、TypeScriptを使って確認したものです。(デモはv4.4.3、v2.0.0で動作確認)※目次をクリックすると目次の下部にコンテンツが表示されます。1.Angular2のルーティング設定2.RESTアプリのサンプル3.デモAngular2のルーティング設定1)メインのHTMLファイル<base>要素を追加<head>要素の後にアプリケーションのルートパスを指定する。・ルーティングのパスを”path”、ルーティング先のコンポーネント名を”component”で指定。・ルートパラメータを指定する場合は、”:id”のようにコロンをプレフィックスして指定する。[routerLink]=”[‘/new’]”>ユーザー登録</a></li></ul>・routerLinkディレクティブで、リンク先のパスを指定。5ルーティング先のコンテンツ表示位置を指定router-outletディレクティブ内にルーティング先のコンポーネントからリターンされるビューが表示される<router-outlet></router-outlet>3)ルーティング先のコンポーネント1”Router”などをインポートルートパラメータを使用する場合は”ActivatedRoute”もインポート。・Routerのnavigateメソッドを使用。・引数にルーティング先のパス、ルートパラメータ(使用する場合)を指定。}}3)各コンポーネント作成user-index.component.tsを例に示します。●ngOnInitライフサイクルフックページ表示時にuserServiceからユーザー一覧情報を取得します。この処理をコンストラクタ内で行う事もできますが、Angular2のドキュメントでは、ngOnInitライフサイクルフックの使用を推奨しています。各ライフサイクルに応じて実行されるライフサイクルフックを用意しています。ngOnInitメソッドを使うと開始時に実行されるので、コンストラクタ内でデータを取得する必要がなくなります。ngOnInitライフサイクルフックを使用するには、”OnInit”をインポートし、実装します。"のユーザーを削除しました。デモ用なのでユーザー一覧画面は更新されません。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。