You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
(Angular v.4.3.6を利用) 参考 リンクを設定したい 通常 パラメータがついたリンク アンカー(#)がついたリンク アクティブなリンクにクラスを設定したい ts内で遷移の制御をしたい 通常 パラメータをつける アンカー(#)をつける クエリを保存して遷移したい 参考 コンポーネント内でパラメータを取得したい Observableで取得 route.snapshotから取得 特定のRouteに紐付けないパラメータを利用したい 前回のURLを取得したい アプリ初期時に処理を追加したい 参考 Routerのナビゲーションイベントを確認したい その他 コンポーネントの再利用について知りたい カスタマイズしたい 参考 RouterとActivatedRouteについて知りたい その他 複数のRouteを表示したい 「遷移前に認証チェックをしたい」「遷移前に未保存のデータがあるか確認をし
インターフェースを実装する (たぶん必須) ルーティングの遷移時において、非同期処理を挟みたいクラスに、OnActivateとOnDeactivateインターフェースを指定。すると、routerOnActivate()メソッドとrouterOnDeactivate()メソッドの実装が義務付けられます。これがルーティング時のライフサイクルイベントとなります。 import {OnActivate} from "angular2/router"; import {OnDeactivate} from "angular2/router"; import {ComponentInstruction} from "angular2/router"; class ほげほげくらす implements OnActivate, OnDeactivate { /** 遷移で入ってきたとき */ router
import { default as Router, Route } from 'react-router' const routes = ( <Route> <Route path='*' handler={RootView} /> </Route> ) Router.run(routes, Router.HashLocation, (Root) => { React.render(<Root />, document.getElementById('all')) }) const routes = ( <Route handler={Chrome}> <Route path='about' handler={About} /> <Route path='inbox' handler={Inbox} /> <Route path='messages/:id' handler={Mess
How to animate your App Router transitions using the new animation features in Angular thedotisblackFew months ago I shared with you an experimental technique to animate Router transitions. Since then there have been few releases introducing new features. Today we can achieve the same results more elegantly and using less code. Let’s see how we can use them to create transitions never seen before!
この記事ではAngular 2のルーターが持つ useAsDefault と otherwise の違いと、その使い方について解説します。 この2つを使い分けることで柔軟なルーティングを定義することができます。 ルートの定義 まず最初に、RouteConfigが適用されているコンポーネントを、この記事では RouteComponent と呼ぶことにします。 RouteComponentが表示された時、RouteComponentはその時点のURLのパスを元に、ルーティングを行います。 次の例では、PageAとPageBのそれぞれのルートを定義しています。 @RouteConfig([ {path: "/pageA", component: PageA, name: "PageA"}, {path: "/pageB", component: PageB, name: "PageB"}, ])
Expressを利用したアプリはその構成要素をサーバーサイドの処理、3rd Partyのライブラリ群、UIを構成するテンプレート、静的ファイルなど幾つかの種類にコンポーネントを分類できます。 これらを見通しよく、容易に拡張できるような構成にするためには整頓されたディレクトリ構成を組むことが重要で、多くの人がこのベストプラクティスについて思い悩んでいるのではないかと思います。今回はこのディレクトリ構成のベストプラクティス、というより、どのようなパターンでも共通する基本の考え方についてまとめてみようと思います。 ディレクトリ構成 様々な議論があるところですが、共通して言えるのは自分で一から考えるよりも、なんらかのジェネレーターが生成する構成をベースにすべきというところでしょう。こういったジェネレーターは先人の経験をもとにExpressアプリに必要とされるコンポーネントの雛形をコマンド一つで生成
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く