ルーティングの設定と階層化されたModule · Start Angular
SPA(Single-page Application) の最大の特徴であるルーティングについて学びます。SPAのルーティングはURLに紐付いた画面を表示させる仕組みです。 SPA は以前のWebアプリケーションと比べ、レスポンスが高速でUI/UXに優れています。 ページの作成とルーティングの設定 はじめにルーティングに必要となるいくつかの画面を追加します。top 画面、issue 画面、wiki 画面は pages 配下として定義しています。 $ ng g component home $ ng g component pageNotFound $ ng g module pages --routing $ ng g component pages $ ng g component pages/top $ ng g component pages/issue $ ng g compone
Angular Routerメモ - blog
（Angular v.4.3.6を利用） 参考 リンクを設定したい 通常 パラメータがついたリンク アンカー(#)がついたリンク アクティブなリンクにクラスを設定したい ts内で遷移の制御をしたい 通常 パラメータをつける アンカー(#)をつける クエリを保存して遷移したい 参考 コンポーネント内でパラメータを取得したい Observableで取得 route.snapshotから取得 特定のRouteに紐付けないパラメータを利用したい 前回のURLを取得したい アプリ初期時に処理を追加したい 参考 Routerのナビゲーションイベントを確認したい その他 コンポーネントの再利用について知りたい カスタマイズしたい 参考 RouterとActivatedRouteについて知りたい その他 複数のRouteを表示したい 「遷移前に認証チェックをしたい」「遷移前に未保存のデータがあるか確認をし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
